GithubHelp home page GithubHelp logo

somnathkar000 / notebook Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 570 KB

The Notebook Website is a MERN stack project that allows users to upload, delete, and update their personal notes. It provides a user-friendly interface using Bootstrap for styling.

Home Page: https://notebook-somnath000.vercel.app

HTML 8.33% CSS 2.26% JavaScript 89.41%
bootstrap expressjs mongodb nodejs react-router reactjs

notebook's Introduction

Notebook Website

The Notebook Website is a MERN stack project that allows users to upload, delete, and update their personal notes, as well as search for notes by the title. It provides a user-friendly interface using Bootstrap for styling. The project utilizes the following technologies:

Home Page

Home page

Sign up Page

Sign up Page

Login Page

Login Page

Technology Stack

  • React: A JavaScript library for building user interfaces.
  • React Router: A routing library for managing navigation within the application.
  • MongoDB: A NoSQL database for storing note data.
  • Express.js: A web application framework for building the backend API.
  • Node.js: A JavaScript runtime environment for server-side development.
  • JSON Web Tokens (JWT): A token-based authentication mechanism for securing user access.
  • bcryptjs: A library for encrypting and decrypting user data.

Demo

Check out the live demo of the website: Notebook Website

Installation

To run the website locally, follow these steps:

  1. Clone the repository: https://github.com/SomnathKar000/Notebook
  2. Navigate to the Backend directory: cd Backend
  3. Install Backend dependencies: npm install
  4. Return to the root directory: cd ..
  5. Install root directory dependencies: npm install

Make sure to set up the following environment variables:

  • Create a .env file in the root directory of the project.
  • Define the following environment variables in the .env file:
    • DB_URI=<your-mongodb-uri>: The MongoDB connection URI
    • JWT_SECRET=<your-jwt-secret>: The secret key used for JWT authentication

Usage

  1. Start both servers: npm run both
  2. Open the application in your browser: http://localhost:3000

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please follow these steps:

  1. Fork the repository
  2. Create a new branch: git checkout -b feature/your-feature-name
  3. Make your changes and commit them: git commit -m 'Add your message here'
  4. Push to the branch: git push origin feature/your-feature-name
  5. Open a pull request

Please make sure to run tests before submitting your pull request and adhere to the code style guidelines.

Contact

For more information or questions, feel free to reach out:

notebook's People

Contributors

somnathkar000 avatar

Watchers

 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.