Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryzmdn/resume
A responsive web-based Resume built using React, Vite, TypeScript, and Tailwind CSS.
https://github.com/ryzmdn/resume
frontend react resume resume-website tailwindcss typescript vite
Last synced: 2 days ago
JSON representation
A responsive web-based Resume built using React, Vite, TypeScript, and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/ryzmdn/resume
- Owner: ryzmdn
- License: mit
- Created: 2024-12-05T06:22:27.000Z (22 days ago)
- Default Branch: main
- Last Pushed: 2024-12-05T06:26:03.000Z (22 days ago)
- Last Synced: 2024-12-05T07:24:28.373Z (22 days ago)
- Topics: frontend, react, resume, resume-website, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://resume-ten-peach.vercel.app/
- Size: 705 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Web-based Resume
A responsive web-based Resume built using React, Vite, TypeScript, and Tailwind CSS. This project provides a sleek and modern Resume layout that works seamlessly across different device sizes, from small mobile screens to large desktops.
## Features
- **Responsive Design**: Optimized for both small and large screens.
- **Modern Tech Stack**: Built with React, Vite, TypeScript, and Tailwind CSS for fast development and styling.
- **Interactive Layout**: Smooth transitions and an intuitive interface.
- **Customizable**: Easily modify the content and styles to match your personal branding.
- **Fast Loading**: Leverages Vite for efficient development and deployment.
## How does it work?
The project serves as a personal online Resume that can be hosted on any web server or integrated into personal portfolios. It includes the following sections:
- **Introduction**: A concise summary about yourself.
- **Work Experience**: Highlight your professional achievements.
- **Education**: Details about your academic background.
- **Skills**: A showcase of your technical and soft skills.
- **Projects**: Links and descriptions of your key projects.
## Screenshot
## Installation
Clone this repository and set up the project locally by following the steps below:
```bash
# Clone repository
git clone https://github.com/ryzmdn/resume.git
# Change directory folder
cd resume
# Install Dependencies
npm install
# Open code editor
code .
# Run web server
npm run dev
```
## Usage
After starting the development server, access your Resume in the browser at `http://localhost:5173`. Customize the content in the source code to reflect your personal information, including:
- About Me
- Contact
- Education
- Skills
- Languages
- Achievements
- Work Experience
You can see all the data above in the `assets/data` directory to edit as you like.
## Customization
1. Update Personal Information: Edit the respective sections in the src directory.
2. Modify Styles: Tailwind CSS makes it easy to adjust the design. Customize the classes in the components as needed.
3. Deploy Your Resume: Use platforms like Vercel, Netlify, or GitHub Pages to host your Resume online.
## Support
For support, email `[email protected]`.
## Feedback
We’d love to hear your thoughts! If you have any feedback or suggestions, feel free to reach out at `[email protected]`.
## License
This project is licensed under the MIT License. Feel free to use and adapt it for personal or professional purposes.