https://github.com/ridwanullahi-code/react-porfolio
Advanced Portfolio Website is a web-based platform that showcases the skills and work of a professional in a creative and interactive way. The website is designed to provide users with a unique and engaging experience that highlights the individual's strengths and achievements.
https://github.com/ridwanullahi-code/react-porfolio
css javascript react reactjs redux tailwindcss
Last synced: about 1 year ago
JSON representation
Advanced Portfolio Website is a web-based platform that showcases the skills and work of a professional in a creative and interactive way. The website is designed to provide users with a unique and engaging experience that highlights the individual's strengths and achievements.
- Host: GitHub
- URL: https://github.com/ridwanullahi-code/react-porfolio
- Owner: Ridwanullahi-code
- Created: 2023-01-22T23:39:24.000Z (over 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-03-06T06:31:16.000Z (about 3 years ago)
- Last Synced: 2025-03-25T07:17:23.025Z (about 1 year ago)
- Topics: css, javascript, react, reactjs, redux, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 2.65 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## **Project Demo**
[Live Demo](https://ridwan-ajayi-portfolio.netlify.app/)
## **Description**
Advanced Portfolio Website is a web-based platform that showcases the skills and work of a professional in a creative and interactive way.
The website is designed to provide users with a unique and engaging experience that highlights the individual's strengths and achievements
## **Features:**
- Home page: A landing page that provides an overview of the individual's skills, experience, and work.
- About Me: A page that provides information about the individual's background, education, and career goals.
- Portfolio: A page that displays the individual's projects, with detailed descriptions and images or videos.
- Blog: A page that features articles or posts related to the individual's field of expertise.
- Contact: A page that provides contact information, such as email address, phone number, and social media profiles, for users to get in touch with the individual.
## **Advanced Features:**
- Interactive Animations: Using animations and effects to create a unique and engaging user experience.
- Custom Graphics: Using custom graphics and illustrations to enhance the website's visual appeal.
## **Project Deliverables:**
- A functional and responsive website that meets the requirements specified in the project description.
- Source code with proper documentation.
- User manual and installation instructions.
## **Frontend Technology Stack:**
- Use JavaScript to build an interactive user interface.
- Understand the using of [HTML & CSS best practices](https://github.com/microverseinc/curriculum-html-css/blob/main/articles/html_css_best_practices.md)
- Use GitHub flow.
- Use [Gitflow](https://github.com/microverseinc/curriculum-transversal-skills/blob/main/git-github/gitflow.md).
- Setup project with [React](https://github.com/microverseinc/curriculum-react-redux/blob/main/math-magicians/lessons/what_is_react.md) to create a dynamic and interactive user interface.
- Understand how to use medium-fidelity [wireframes](https://github.com/microverseinc/curriculum-react-redux/blob/main/math-magicians/sneak_peek.md) to create a UI
## **Prerequisites:**
- Basic Knowledge of HTML & CSS
- Basic Knowledge of [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) & [ES6](https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/lesson_es6-what_is_it_about.md) syntax
- Basic Knowledge of [React Setup](https://reactjs.org/docs/getting-started.html) setup
- [Jest](https://jestjs.io/docs/getting-started) and [React Testing Library ](https://testing-library.com/docs/react-testing-library/example-intro)
## **Build With:**
- HTML
- CSS
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- [React]((https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/webpack_v1_1.md))
## **SETUP**
To make use of this project, kindly run any of the following commands.
```
git clone https://github.com/Ridwanullahi-code/math-magicians.git
```
or
```
git clone git@github.com:Ridwanullahi-code/math-magicians.git
```
## **INSTALL**
```
npm install
```
```
npm install --save-dev @testing-library/dom
```
## **Run On Server**
To run the project on server, run below command
```
npm start
```
## **Run Test**
To test run the project
```
npm run test
```
## **Show your support**
Give a ⭐️ if you like this project!
## **Authors**
- Github: [Ridwan](https://github.com/Ridwanullahi-code)
- LinkedIn: [Ridwan](https://www.linkedin.com/in/ajayi-ridwan-2a1515199/)
## 🚀 **About Me**
I'm full stack software developer, Computer science, and Microverse student.
**Stack:** Python, JavaScript, Bootstrap, Ruby, Rails, React, Redux. Available for hire!
## 🤝 **Contributing**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Ridwanullahi-code/React-porfolio/issues/)
## **Acknowledgements**
- [Microverse](https://www.microverse.org/)
## **License**
This project is [MIT](https://choosealicense.com/licenses/mit/LICENSE) licensed.