Welcome to my ambitious project: building a full-stack app with top industry technologies
This is my open-source full-stack project! Built with React, Express, Node.js, MongoDB, Next.js, and Tailwind CSS, this project showcases the full extent of my full-stack development and software engineering skills. Here, I put into practice all the knowledge I've acquired, exploring and pushing the boundaries of my skillset. Join me on this journey of innovation and growth.
Hoping for atleast 150 contributors in the next 2 years
What is project?
This web app brings people together through images. Users can create a secure account, connect with others via messaging, share and like photos, and organize their visuals into personalized albums for a more engaging and enriching online experience.
The possibilities are beyond your imagination
Explore the library
UI/UX Design
To achieve a balance between speed, customization, and a polished look, I designed the web app using a combination of Tailwind CSS for pre-built styles, vanilla CSS for unique elements, and DaisyUI for pre-made components, resulting in a visually appealing and efficient user interface.
Frontend
The frontend leverages React for the interactive app, utilizing React Router DOM for smooth navigation and Context API for user authentication and security management. Next.js powers the website, providing a performant and SEO-friendly foundation built with static typing benefits from Typescript.
Backend/Api
The backend utilizes Express.js for APIs, MongoDB for data storage, JWT for secure authentication, and cookie parsing for session management. Real-time messaging is enabled through Socket.io, while deployment on Render and Vercel ensures smooth and accessible hosting.
Open source thrives on collaboration.
Every line of code, every bug fix,
every improvement - big or small - contributes to the greater good.
Be part of it by contributing to open source
Explore and Get Familiar
Dive into the project! Start by browsing the codebase on the repository. Look for a CONTRIBUTING.md file, which will outline the project's specific contribution guidelines and preferred workflow. Additionally, familiarize yourself with the issue tracker to understand current pain points and potential areas where you can contribute.
Find Your Contribution
There's a place for everyone in open source! Whether you're a seasoned developer or just starting out, the issue tracker is your friend. Look for issues labeled "good first issue" or "beginner friendly" if you're new to contributing. These issues are perfect starting points as they are designed to be approachable for those getting their feet wet.
Make Your Changes
Once you've identified a suitable issue, claim it (if the project uses a claiming system) and make the necessary changes locally. Follow the project's coding style and commit messages for clarity. Test your changes thoroughly to ensure they don't introduce any regressions.
Submit Your Contribution
With your changes tested and polished, it's time to share them with the world! Following the contribution guidelines, create a pull request (PR) on the repository. In your PR description, clearly explain the issue you addressed, your approach, and any relevant testing details. Be prepared to answer questions and collaborate with project maintainers to get your contribution merged!
