Giter VIP home page Giter VIP logo

parth-khanolkar / social-media-website Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 1.0 476 KB

The Memories Website is a cutting-edge platform developed using the MERN (MongoDB, Express, React, Node.js) stack, along with Tailwind CSS. It offers users a dynamic and immersive experience, enabling them to upload photos, modify them, and search for specific posts using hashtags or descriptions. It also features user authentication using JWT.

Home Page: https://memories-website-prj.netlify.app/

HTML 7.23% JavaScript 92.77%
expressjs jwt jwt-authentication mern-stack mongodb nodejs reactjs social-media-website tailwindcss

social-media-website's Introduction

Memories - A social media website

Introduction

The Memories Website is a cutting-edge platform developed using the MERN (MongoDB, Express, React, Node.js) stack, along with Tailwind CSS. It offers users a dynamic and immersive experience, enabling them to upload photos, modify them, and search for specific posts using hashtags or descriptions. With its advanced features, including JWT authentication and user login checks, this project ensures a secure and seamless social media experience. The website showcases modern UI/UX designs, providing users with an aesthetically pleasing and intuitive interface.

Features

  • Photo Upload and Modification: Users can effortlessly upload their photos to the platform, allowing them to showcase their creativity and share their visual content with others. Additionally, the website provides tools for modifying and enhancing the uploaded images, empowering users to personalize their posts.

  • Advanced Search Functionality: The social media website offers an efficient search feature that allows users to find specific posts using hashtags or descriptions. This functionality enhances discoverability and promotes engagement within the platform.

  • JWT Authentication: With JWT (JSON Web Token) authentication, user data and sessions are securely managed, ensuring only authorized users can access and interact with the website. This robust authentication mechanism provides a reliable and safe environment for users.

  • User Login Check: The project includes a user login check feature, enabling the website to verify the authenticity of users during login attempts. This layer of security ensures that only registered users can access their accounts, safeguarding their personal information.

  • Tailwind CSS Integration: The use of Tailwind CSS facilitates rapid and streamlined styling of components, resulting in a visually appealing and responsive design. This customizable CSS framework enhances the overall aesthetics and user experience of the social media website.

Installation

To run the Memories Website locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/parth-khanolkar/social-media-website.git
  1. Navigate to the project directory:
cd social-media-website
  1. Install the required dependencies:
npm install
  1. Set up the environment variables:
# Create a .env file in the root directory
# Add the necessary environment variables (e.g., database connection details, JWT secret, etc.)

PORT = <your_port>
CONNECTION_URL = <your_mongodb_url>
  1. Start the development server:
npm start
  1. Open your browser and visit http://localhost:3000 to explore the Memories Website.

social-media-website's People

Contributors

parth-khanolkar avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

somamanojkumar

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.