zairuiy-coding / ufogram

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.

UFOgram - Share Your Photos & Your Life 📸👭

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

• React: React Documentation
• Node.js: Node.js Documentation
• MongoDB: MongoDB Documentation
• AWS S3: AWS S3 Documentation

---

✨ Contributors

• 👨‍💻 Lionel Hu @lionelhupenn
• 👩‍💻 Zairui Yang: @zairuiy-coding
• 👨‍💻 Yuan Zhang @ZY2514690181

---

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! 📸✨