/quote_website

Share your wisdom, explore others': Dive into a world of inspiring quotes.

Primary LanguageJavaScript

MERN Stack Quote Website

This project is a simple quote website built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. It allows users to register an account, log in, add their own quotes, view all quotes, and view their personal profile.

Features

  • User authentication: Users can register an account and log in securely.
  • Personalized experience: Users can only view their own quotes on their profile.
  • Add quotes: Logged-in users can add their own quotes to the website.
  • View all quotes: Users can see all quotes added by all users.
  • Responsive design: The website is designed to work seamlessly on both desktop and mobile devices.

Technologies Used

  • Frontend: React.js, Apollo Client, GraphQL
  • Backend: Node.js, Express.js, GraphQL
  • Database: MongoDB
  • Authentication: JWT (JSON Web Tokens)

Installation and Usage

  1. Clone the repository:
git clone https://github.com/Hassaan-Qaisar/quote_website
  1. Navigate to the project directory:
cd quote_website
  1. Install dependencies:
npm install
  1. Start the server:
node server.js
  1. Open your web browser and go to http://localhost:4000 to view the website.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/new-feature).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add new feature').
  5. Push to the branch (git push origin feature/new-feature).
  6. Create a new Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.


Feel free to customize the README according to your project's specific details and requirements. Let me know if you need further assistance!