Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dev-madhurendra/portfolio-website

This portfolio website developed using FastAPI, Springboot for backend apis and vite + react frameworks for frontend development.
https://github.com/dev-madhurendra/portfolio-website

animation animation-css atomic-design atomic-design-pattern css fastapi java javascript json-server material-ui microservices portfolio-website python python3 reactjs reuseable-components sonarcloud spring-boot styled-components ui

Last synced: 2 days ago
JSON representation

This portfolio website developed using FastAPI, Springboot for backend apis and vite + react frameworks for frontend development.

Awesome Lists containing this project

README

        

# 🚀 [Portfolio Website](https://dev-madhurendra.vercel.app) ↗️

Welcome to my personal portfolio website powered by FastAPI and Spring Boot for the backend, and Vite React for the frontend! 🌐✨

## Features

- 🚄 **FastAPI Backend**: Utilizing the power of FastAPI to create a high-performance backend with Python.
- ☕ **Spring Boot Backend**: Harnessing the versatility of Spring Boot for robust Java-based backend services.
- ⚡ **Vite React Frontend**: Building a sleek and dynamic user interface with Vite and React.
- 🌐 **RESTful API**: Designing a clean and efficient RESTful API for seamless communication between frontend and backend.
- 🎨 **Modern UI/UX**: Crafting a visually appealing and user-friendly experience to showcase my skills and projects.
- 📱 **Responsive Design**: Ensuring a seamless experience across various devices with a responsive design.
- 🌟 **Dynamic Content**: Showcasing my projects, skills, and achievements dynamically.

## Technologies Used

- 🐍 **Python**: FastAPI backend is powered by the elegance of Python.
- ☕ **Java**: Leveraging the reliability of Java with Spring Boot.
- ⚛️ **React**: Building a modern and interactive frontend with React.
- 🚀 **Vite**: Boosting the frontend development with Vite for a faster and efficient workflow.
- 🔥 **Sonar Cloud** : Using Sonar Cloud as a CI CD tool (for checking coverage, code smells and all)

## Getting Started

1. **Clone the Repository:**
```bash
git clone https://github.com/dev-madhurendra/portfolio-website.git

## Portfolio UI - V1

### Light Mode :
![LighModePortfolio](https://github.com/dev-madhurendra/portfolio-website/assets/68775519/47c0034e-9f09-4797-9e2a-6656d5e46f18)

### Dark Mode :
![DarkModePortfolio](https://github.com/dev-madhurendra/portfolio-website/assets/68775519/b71f4a5c-93bb-4f2f-8ee3-abf21118d5ee)

## Portfolio Frontend - Code Quality - V1
![Screenshot from 2024-01-17 11-30-25](https://github.com/dev-madhurendra/portfolio-website/assets/68775519/fd85a336-122e-41e9-8de0-966ddaad7b9c)

## Portfolio Frontend - V2
- Added Skeleton Loader
- Improved UI
- Added contact form Validation
- Added reveal content while scrolling animation

![Screenshot from 2024-02-25 18-07-48](https://github.com/dev-madhurendra/portfolio-website/assets/68775519/56f49e66-b34c-4a07-af29-cd23ca722f3d)

## Portfolio Frontend - V3
- Added more animations to the hero section
- Add wave background
- Change color combination

[Screencast from 20-09-24 05:11:05 PM IST.webm](https://github.com/user-attachments/assets/983fe1ef-0fe8-446e-a3da-09f525ee13f8)