Giter VIP home page Giter VIP logo

adi-exe / top_secrets Goto Github PK

View Code? Open in Web Editor NEW

This project forked from kritika30032002/top_secrets

0.0 0.0 0.0 1.5 MB

This is a website that allows user to add their secrets anonymously to the website. Thus makes its interesting. One can add their secrets that they don't want to share with anyone.

Home Page: https://top-secrets.onrender.com/

License: MIT License

JavaScript 16.57% CSS 18.81% EJS 64.61%

top_secrets's Introduction

Top_Secrets

License Repo Size TOP_LANGUAGE FORKS Stars

Discord Server

This is a website that allows user to add their secrets anonymously to the website. Thus makes its interesting. One can add their secrets that they don't want to share with anyone.

πŸ–ΌοΈ Demo Video of Website

screen-capture.webm

πŸ“– Table of Contents

🧰 Technologies

  • HTML
  • Javascript
  • CSS
  • Bootstrap
  • Nodejs
  • Expressjs
  • MongoDB

πŸš€ Project Setup

To get started with locally running the app, follow these simple steps:

  1. Clone this repository: Begin by cloning the Top Secrets repository to your local machine using the following command:

    git clone https://github.com/Kritika30032002/Top_Secrets.git
  2. Install the dependencies: Navigate to the cloned repository and install the required dependencies by running the following command:

    npm install --force
  3. Create a .env file: Create a .env file in the root directory of your project and add the following environment variables:

    GOOGLE_ID=<YOUR GOOGLE OAUTH CLIENT ID>
    GOOGLE_SECRET=<YOUR GOOGLE OAUTH SECRET KEY>
    FACEBOOK_APP_ID=<YOUR FACEBOOK APP ID>
    FACEBOOK_APP_SECRET=<YOUR FACEBOOK SECRET KEY>
    
    PUBLIC_BASENAME=http://localhost:3000/
    PORT=3000
    MONGO_SERVER=mongodb://127.0.0.1:27017
    • GOOGLE_ID & GOOGLE_SECRET : Refer to this video for Google OAuth Client ID and Secret key : Click Here
    • FACEBOOK_APP_ID & FACEBOOK_APP_SECRET : Refer to this video for Facebook ID and Secret key: Click Here
    • PUBLIC_BASENAME : The base URL for the Express app. For local setup, http://localhost:3000/
    • PORT : The port on which the Express app is running.
    • MONGO_SERVER : The MongoDB URI. A MongoDB URI looks like the below examples. Check the video for local setup on Windows & Ubuntu. For a free cloud MongoDB database check this video.

    Locally running instance: mongodb://127.0.0.1:27017/

    Hosted on the internet: mongodb+srv://<username>:<password>@somecluster.some.mongodb.net/

  4. Run the project: Once you have installed the dependencies and added the required environment variables, you are ready to run the project. To start the development server, run the following command:

    node app.js

    or use nodemon to run it in background for a detailed log & better development experience

    npx nodemon app.js

    Great you have successfully run the app! Now get coding!

🌱 Contributing

I heartily welcome any and all contributions that match our engineering standards! πŸ™Œ

That being said, this codebase isn't your typical open source project because it's not a library or package with a limited scopeβ€”it's our entire product.

  • Contributions make the open source community such an amazing place to learn, inspire, and create.
  • Any contributions you make are greatly appreciated.
  • Check out our contribution guidelines for more information.
Don't forget to leave a star✨ 

HAPPY CONTRIBUTING!!

πŸ§‘β€πŸ’» How to get started with Open Source

Here's a quick run down on how to get started with open source, first of all let's know some basic terminologies:

  • Git: is a versioning system that let's you store your code and code history on your local computer preventing loses and allowing sharing of that code
  • Github: is a server that let's you store the history in a database
  • Open Source: A project is said to be open sourced if you can see the code on GitHub
  • Fork: This is a copy that you make of a project on GitHub, it gets added to your repositories
  • Repository: A project on GitHub is called a repository
  • Pull Request: This is a fix for an issue proposed to be done in a project, this consists of you editing a file in the project.
  • Issue: An issue is a change that should be done in a project, can be a bug, a new feature or a suggestion to a project
  • Branch: A branch is a new workspace derived from the default workspace(main or master), it allows you to work on something without affecting the original code.
  • Star: When you star a repositiory, it gets saved at your profile and you can easily re-visit it later.

Now you know some basic terms, let's get into how to get started with some resources to let you understand open source better:

πŸ₯‚ After making a change

  1. Create a new branch
git checkout -b YourBranchName
  1. Add it to staging area
git add <path to the file you worked on>
  1. Commit your changes with
git commit -m "message"
  1. Push your changes
git push

πŸ“ƒ Rules

  • No console.logs in any file: We use the debug module across the codebase to log debugging information in development only. Never commit a file that contains a console.log as CI will fail your build. The only exceptions are errors, which you can log, but you have to use console.error to be explicit about it
  • Code reviews: All submissions, including submissions by project members, require review. We use GitHub pull requests for this purpose.

πŸ•΅ Reporting a bug or discussing a feature idea

If you found a technical bug on the website or have ideas for features we should implement, the issue tracker is the best place to share your ideas. (click here to open a new issue)

✨ Fixing a bug or implementing a new feature

  • If you find a bug on Project and open a PR that fixes it we'll review it as soon as possible to ensure it matches our engineering standards.
  • If you want to implement a new feature, open an issue first to discuss what it'd look like .
  • If you want to contribute but are unsure to start, we have a "good first issue" label which is applied to newcomer-friendly issues and pick something you like!
  • Want to fix a bug or implement an agreed-upon feature? Great, jump to the local setup instructions!

πŸ’ͺ Thanks to all Contributors

Thanks a lot for spending your time helping Top_Secrets to grow. Thanks a lot! Keep rocking 🍻 Also Give it a Star 🌟, If you loved contributing to the project.

πŸ“„ License

MIT License, see the LICENSE file.

top_secrets's People

Contributors

kritika30032002 avatar yash-ainapure avatar singhcoder694 avatar iamatifmoin avatar ananay-singh avatar surya-nand avatar hemantkumar01 avatar codesmith25103 avatar gauravtomar7 avatar sattyamsamania avatar samisthefbi avatar pss2134 avatar prashantkr29 avatar jiyagupta-cs avatar ashikjhonson avatar afterdie avatar aaadityag avatar shaileshthakur1 avatar musavveer avatar abidsyed25 avatar adi-exe avatar wolfslayer2 avatar nandishm0618 avatar ronitbaranwal avatar codinggeek01 avatar pinak-dhir avatar praptisharma28 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.