https://github.com/terieyenike/reefit

Light and Dark theme feature for Reefit, v1.0.0
https://github.com/terieyenike/reefit

Last synced: about 5 hours ago
JSON representation

Light and Dark theme feature for Reefit, v1.0.0

• Host: GitHub
• URL: https://github.com/terieyenike/reefit
• Owner: Terieyenike
• Created: 2020-06-29T13:49:12.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-07-03T12:05:26.000Z (over 3 years ago)
• Last Synced: 2024-04-24T09:41:09.091Z (7 months ago)
• Language: CSS
• Homepage: https://reefit.netlify.app
• Size: 1.96 MB
• Stars: 1
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# REEFIT WEBSITE v1.0.0

Website showing the use of light/dark mode using vanilla JavaScript. This project is a one-pager that showcases what the client does. I also had to sketch the UI prototype on paper.

# Motivation for this project

The idea came about from the [JavaScript Web Projects: 20 Projects to Build Your Portfolio](https://academy.zerotomastery.io/p/javascript-projects). I encourage you to check it out.

# Mockup - Reefit

![Fitness instructor](img/snapshot.png)

# Getting Started

You need to have basic understanding of HTML, CSS(Flexbox), and Javascript.

# Online Tools

Illustrations from [Undraw](https://undraw.co/illustrations)

Icons from [Fontawesome](https://fontawesome.com/)

Favicon generator [realfavicongenerator](https://realfavicongenerator.net/)

# Deployment

Netlify

Project [view](https://reefit.netlify.app/)

+ Clone the repo and contribute if you find this useful and definitely give it a star.