Skip to content

This project is a responsive clone of the popular question-and-answer platform, Quora, built to showcase my full-stack web development skills. Using Node.js, Express, EJS, and a minimal in-memory database, this web application allows users to create, view, and manage posts.

Notifications You must be signed in to change notification settings

justtcallmejayy/Quora-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to My Quora Clone

Project views

A Full-Stack Web Application built with Express.js, EJS, and more, imitating key features of Quora.


🚀 Project Description

This Quora Clone demonstrates how to build a simple question-and-answer style platform using Node.js and Express.js for the backend, with EJS templating for the front end. You can create posts, view them in a list, see each post’s details, and interact through basic actions like upvotes/downvotes.

Key Highlights

  • Create & View Posts: Users can easily create new posts and view existing ones.
  • Responsive UI: Utilizes HTML/CSS (with EJS) to provide a clean, mobile-friendly design.
  • Scalable Backend: Currently uses an in-memory array, but can easily integrate with databases like MongoDB.
  • RESTful API: Organized routes for CRUD operations.

🛠️ Technologies Used

  • Backend: Node.js, Express.js
  • Frontend: EJS, HTML, CSS
  • Database: (Placeholder) In-memory array or plug-in MongoDB/SQL
  • Tools & Libraries:
    • EJS templating
    • RESTful APIs
    • Middleware (e.g., body-parser, method-override)

🌍 Features

  1. View All Posts: Displays posts with username and content.
  2. Create New Posts: Users can submit a form to add new posts instantly.
  3. View Post Details: Clicking a post shows detailed info.
  4. Upvote/Downvote: Basic interactive feature for voting.
  5. Responsive UI: Clean design for desktop and mobile devices.

Screenshots

Here are some application highlights in both Light and Dark modes.

Screenshots

Light Mode Dark Mode
Home Page
Home Light
Home Page
Home Dark
Create New Post
Create Light
Create New Post
Create Dark
Edit Page
Edit Light
Edit Page
Edit Dark
Show Page
Show Light
Show Page
Show Dark

📝 How to Run This Project

  1. Clone the repository:
    git clone https://github.com/justtcallmejayy/quora-clone.git
  2. Navigate into the folder:
    cd quora-clone
  3. Install dependencies:
    npm install
  4. Start the server:
    npm start
    The app should default on http://localhost:8080 (or a port specified in your environment).

🔗 Connect with Me

LinkedIn GitHub Twitter


🛠️ Languages and Tools

Node.js Express HTML5 CSS3 EJS


📊 GitHub Stats

Top Languages


✅ Future Improvements

  • User Authentication: Add login/logout functionality to secure post creation or voting.
  • Database Integration: Migrate from in-memory data to a real database (MongoDB or PostgreSQL).
  • Comment System: Allow users to comment on posts.
  • Search/Filter: Implement search by keywords or username.

Feel free to explore, contribute, and share feedback!


© 2024 Quora Clone. All rights reserved.

About

This project is a responsive clone of the popular question-and-answer platform, Quora, built to showcase my full-stack web development skills. Using Node.js, Express, EJS, and a minimal in-memory database, this web application allows users to create, view, and manage posts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published