https://github.com/creativoma/react-facts

https://github.com/creativoma/react-facts

challenge course javascript react reactjs scrimba

Last synced: 6 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/creativoma/react-facts
• Owner: creativoma
• Created: 2022-04-09T22:43:52.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-04-10T01:07:29.000Z (over 3 years ago)
• Last Synced: 2025-02-16T09:14:35.027Z (8 months ago)
• Topics: challenge, course, javascript, react, reactjs, scrimba
• Language: CSS
• Homepage: https://react-facts-bice.vercel.app
• Size: 143 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Challenge "ReactFacts"

## Table of Contents

- [Challenge "ReactFacts"](#challenge-reactfacts)

  - [Table of Contents](#table-of-contents)

  - [Details](#details)

  - [Screenshot](#screenshot)

  - [Links](#links)

  - [Built with](#built-with)

  - [Author](#author)

## Details 

- Create a `components` folder

- Create the following components in separate files inside

  the components folder.  In each one, just render an `h1` 

  with the name of the component (e.g. return Navbar goes here):

    - Navbar

    - Main

- Create an App component outside the components folder (sibling to

  the index.js file)

    - Have App render the Navbar and Main components

- Import and render the App component inside of index.js using ReactDOM

    - At this point you should have your "Navbar goes here" etc. showing up

      in the mini-browser.

- Go to Google fonts and get the "Inter" font with weights 400, 600, and 700.

  Put the links to those fonts ABOVE the style.css link in index.html (Use

  the `` elements instead of the @import or npm options for getting

  the fonts. You may need to do some extra research to figure out how this 

  works if you haven't done it before)

## Screenshot

![screenshot](./src/images/screenshot.png)

## Links

- Repo: [https://github.com/creativoma/react-facts](https://github.com/creativoma/react-facts)

- Deploy: [https://react-facts-bice.vercel.app](https://react-facts-bice.vercel.app)

## Built with

- HTML5

- CSS3 

- Moderm Javascript

- React & ReactDOM

- Vite.js

## Author

- Github: [https://github.com/creativoma](https://github.com/creativoma)

- Linkedin: [https://www.linkedin.com/in/ma-marianoalvarez/](https://www.linkedin.com/in/ma-marianoalvarez/)