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
Links
- Solution URL: GitHub Code
- Live Site URL: Add live site URL here
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.