Skip to content

Instagram Full-Stack Clone built with React, Node.js, Express, and MongoDB. Features user registration and authentication, real-time content feeds, multimedia uploading, and comprehensive testing.

Notifications You must be signed in to change notification settings

zairuiy-coding/ufogram

Repository files navigation

UFOgram - Share Your Photos & Your Life 📸👭

Live

ufogram_cover

Welcome to UFOgram, a comprehensive platform inspired by Instagram, designed to replicate its core functionalities and provide a seamless user experience in social media interactions.


📸 Key Features:

  • User Registration and Authentication:

    • Secure user registration and login using JWT for authentication.
  • Dynamic Content Feeds:

    • Real-time content updates supported by WebSocket, allowing users to post, like, and comment on photos.
    • Infinite scrolling for a smooth user experience.
  • Multimedia Uploading:

    • Users can upload images or videos, stored securely using AWS S3.
  • Robust Back-End API:

    • Developed using Express.js and MongoDB, providing a RESTful API for seamless data interaction.
    • Comprehensive error handling and validation to ensure data integrity.
  • Testing and Coverage:

    • Implemented extensive testing with Jest, Supertest, and Cypress, achieving 80% test coverage.
    • Ensured robust and reliable application behavior through automated testing.

🛠️ Project Architecture

Backend

  • Node.js: Server-side runtime to handle API requests and interact with the database.
  • Express: Web application framework for Node.js to build API endpoints.
  • MongoDB: A NoSQL database for managing and storing data.
  • JWT: For secure authentication and session management.
  • AWS S3: For scalable and secure image storage.

Frontend

  • React: JavaScript library for building dynamic user interfaces.
  • Tailwind CSS: For styling and responsive design.
  • Axios: For making HTTP requests to the back-end API.

📘 References and Credits


✨ Contributors


Start exploring Ufogram today! Feel free to sign up for an account or use the default account to navigate the community and make a post of your own! 📸✨

About

Instagram Full-Stack Clone built with React, Node.js, Express, and MongoDB. Features user registration and authentication, real-time content feeds, multimedia uploading, and comprehensive testing.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages