Frontend Mentor - Single-page design portfolio solution

This is a solution to the Single-page design portfolio challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Overview

The challenge

Users should be able to:

View the optimal layout for the site depending on their device's screen size
See hover states for all interactive elements on the page
Navigate the slider using either their mouse/trackpad or keyboard

Screenshot

Pending

My process

Built with

Semantic HTML5 markup
SASS
Mobile-first workflow
React - JS library

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

Have a good knowledge on how to parse UI designs
Have VSCode or other text editor installed. Link to download VSCode
Install node package. Link to download node
Have git installed.Link to download git
Create a github repository.

Setup

git clone https://github.com/gmagnenat/single-page-design-portfolio.git
Install packages: npm install
Start Live Server: npm run dev

Continued development/Project Addons

Create user login and authetication using Forebase
Create a protected page for loggen in users
Create a working contact form with validation

Authors

👤 Author1

GitHub: @gmagnenat
Twitter: @magnenatg
Website: Gwenaël Magnenat

👤 Author2

GitHub: @AbbyNyakara
LinkedIn: Abigail Nyakara

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Hat tip to @gmagnenat for bringing his excellent coding prowess and giving great ideas to execute the project and @AbbyNyakara for taking part in such an eye-opening collaborative challenge.

gmagnenat/single-page-design-portfolio