https://github.com/loftwah/weatherapp
This is my final project for She Codes' Plus Workshop
https://github.com/loftwah/weatherapp
Last synced: 2 months ago
JSON representation
This is my final project for She Codes' Plus Workshop
- Host: GitHub
- URL: https://github.com/loftwah/weatherapp
- Owner: loftwah
- Created: 2023-02-07T05:00:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-07T05:00:26.000Z (over 2 years ago)
- Last Synced: 2025-03-26T08:26:44.585Z (7 months ago)
- Homepage: https://jade-genie-3574cf.netlify.app/
- Size: 175 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather App
## Table of contents
- [Tribute Page](#tribute-page)
- [Table of contents](#table-of-contents)
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [My inspiration](#my-inspiration)
- [Built with](#built-with)
- [What did you learn from this project?](#what-did-you-learn)
- [Code Snippets:](#code-snippets)
- [Continued development](#continued-development)
- [Useful resources](#useful-resources)
- [Author](#author)
- [Acknowledgments](#acknowledgments)
## Overview
### The challenge
- I had to build an app that is functionally similar to https://tribute-page.freecodecamp.rocks/
### Screenshot
### Links
- Solution URL: https://github.com/CBID2/FreeCode-Camp-Projects.git
- Live Site URL: https://rihanna-tribute-page.christinebelzi1.repl.co/
## My process
### Why did you choose this person?
- I have always admired Rihanna for her unwavering determination in acheiving her dreams, blunt personality, constantly expressing pride in being from Barbados, and not being afraid to be experimental with music and beauty.
### Built with
- Semantic HTML5 markup
- CSS custom properties
- CSS Flexbox properties
### What did you learn from this project?
At first, I used regular CSS, per FreeCodeCamp's directions to user stories like center the figure. However, I wanted to experiment with Flexbox more, so I went with that approach. Through this experience I learned that there's no "one-size-fits-all" method to coding.
### Code Snippets:
HTML
Creating a website section
```
Discography
Album 1
```
CSS
Styling links
```
/* unvisited link */
a:link {
color: red;
}
```
### Continued development
- More CSS Flexbox
- Implementing ARIA-Role tags
- JavaScript
### Useful resources
- [W3 Schools: CSS Styling Links](https://www.w3schools.com/css/css_link.asp) - I wanted to find a way to make the links interactive, and this article gave me a few ideas. If you want to do something similiar, I highly recommend this article.
- [CSS Tricks: A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) - I found this article when I was struggling to implement Flexbox into my CSS file. If you're new to this concept or need a refresher, I highly recommend referring to this guide.
## Author
- Linkedin - [Christine Belzie](https://www.linkedin.com/in/christinebelzie)
- GitHub - [@CBID2](https://github.com/CBID2)
## Acknowledgments
I want to thank the members of Scrimba and Replit's Discord communities for giving me feedback on the rough versions of my solutions. If you are looking for online coding communities that embrace coders from diverse backgrounds, I highly recommend joining them.
- [Scrimba](https://scrimba.com/)
- [Replit](https://replit.com/site/community)