Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wellingtonmwadali/mwadali
My portfolio
https://github.com/wellingtonmwadali/mwadali
react tailwind-css typescript vite
Last synced: 1 day ago
JSON representation
My portfolio
- Host: GitHub
- URL: https://github.com/wellingtonmwadali/mwadali
- Owner: wellingtonmwadali
- Created: 2024-01-17T22:07:40.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-25T16:30:44.000Z (10 months ago)
- Last Synced: 2024-04-25T17:41:34.701Z (10 months ago)
- Topics: react, tailwind-css, typescript, vite
- Language: TypeScript
- Homepage: https://wellingtonmwadali.vercel.app/
- Size: 3.45 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wellington Mwadali's Portfolio
Welcome to the GitHub repository of my personal portfolio! This portfolio showcases a selection of my front-end development projects, highlighting my skills in creating optimized, user-friendly interfaces that both look great and work smoothly.
## Overview
This portfolio was built with React and Typescript, showcasing projects such as the "ALX MultiTone-Magic Extension", "Alpha Trade", "Simple Shell", "Kidanga Store", "Restful API", and "Dalle 3.0 Image Generation App". It's designed to be responsive, ensuring a seamless experience across various devices and screen sizes.
## Features
- **Responsive Design:** Ensures the portfolio looks great on devices of all sizes.
- **Interactive UI:** Engages users with smooth transitions and hover effects.
- **Project Showcase:** Detailed pages for each project with descriptions, technologies used, and challenges encountered during development.
- **Contact Form:** Allows visitors to easily reach out and connect.
## Technologies Used
- React.js
- TypeScript
- CSS Modules
- React Router for navigation
- ScrollReveal for scroll animations
## Getting Started
To get a local copy up and running, follow these simple steps.
### Prerequisites
Ensure you have `node` and `npm` installed on your system. You can check their presence by running:
```bash
node --version
npm --version
```
### Installation
1. Clone the repository:
```bash
git clone https://github.com/wellingtonmwadali/mwadali.git
```
2. Navigate to the project directory:
```bash
cd portfolio
```
3. Install NPM packages:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
The portfolio will now be accessible at `http://localhost:3000/`.
## Deployment
This portfolio has been deployed on Netlify
## Acknowledgements
- Icons provided by [React Icons](https://react-icons.github.io/react-icons/)
- Images and assets are placeholders and are used for demonstration purposes.
- Special thanks to the creators of ScrollReveal for the smooth scrolling animations.
## Contact
Wellington Mwadali - [LinkedIn](https://www.linkedin.com/in/wellington-mwadali-/) - [email protected]