My Projects

A collection of my full-stack projects showcasing my expertise in Next.js, MERN Stack, Firebase, and real-time applications.

Real-time Chat Application
Full Stack

Real-time Chat Application

A modern chat platform built with Next.js and Socket.io, featuring real-time messaging. username:admin, password: admin1234, username: sample password: sample1234

Key Features:

  • Real-time messaging with Socket.io
  • Message history

Technologies Used:

Reactjs
Socket.io
MongoDB
Tailwind CSS
Vercel
Slim mom application
Full Stack

Slim mom application

Slim Mom is a health and fitness app designed specifically for mothers who want to track their fitness goals, manage nutrition, and engage in workout plans tailored to their needs. The app provides personalized fitness routines, meal planning, and progress tracking to help moms stay healthy and active while managing their busy lifestyles. email: testreyvincent@gmail.com password: test1234

Key Features:

  • User Authentication: Secure login and registration with Google Auth integration.
  • Personalized Fitness Plans: Custom workout routines based on user goals and preferences.
  • Meal Tracker: Log daily meals, track calories, and get nutrition advice.
  • Progress Tracker: Visualize progress through charts for weight, fitness, and nutrition.
  • JWT Authentication: Secure user data and sessions using JSON Web Tokens.
  • Responsive Design: Mobile-friendly UI for a seamless experience across devices

Technologies Used:

ReactJs
Sass
Node.js
MongoDB
JWT
GoogleAuth
Redux
Render
Image Finder
Frontend

Image Finder

Developed a responsive image search application using ReactJS and the Pixabay API. The app allows users to search for high-quality images by entering keywords.

Key Features:

  • Search image by description
  • Responsive design

Technologies Used:

ReactJs
Axios
Vanilla CSS
Movie Search
Frontend

Movie Search

Developed a movie application using React.js, designed to provide users with an engaging experience for browsing and discovering movies. The app leverages modern React features and integrates with an external movie database API for data fetching.

Key Features:

  • Search movies by title
  • Browse movie details and ratings
  • Responsive design

Technologies Used:

ReactJs
Axios
Vanilla CSS