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: 11 months ago
JSON representation
This portfolio website developed using FastAPI, Springboot for backend apis and vite + react frameworks for frontend development.
- Host: GitHub
- URL: https://github.com/dev-madhurendra/portfolio-website
- Owner: dev-madhurendra
- Created: 2023-12-13T17:45:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-05T11:57:51.000Z (about 1 year ago)
- Last Synced: 2025-04-08T15:49:40.038Z (about 1 year ago)
- Topics: 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
- Language: TypeScript
- Homepage: https://dev-madhurendra.in
- Size: 40.3 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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 :

### Dark Mode :

## Portfolio Frontend - Code Quality - V1

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

## 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)