Skip to content

anne-alt/Phase2-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Phase2-Project

Project Goals:

  1. You must make a single page application (only one index.html file) using create-react-app
  2. Your app should use at least 5 components in a way that keeps your code well organized
  3. There should be at least 3 client-side routes using react-routerLinks to an external site.
  4. Use a json-server to create a RESTful API for your backend and make both a GET and a POST request to the json server.
  • Additionally, you may choose to incorporate data from an external API but it is not required.
  • You should keep your json-server data simple: avoid nested data and associations. You'll learn how to work with more complex data in the next two phases. Focus on the frontend for this project.

Name : Snooze

Description

Snooze is an entertainment application that has a variety of Jokes.

Get Data.

Using an external API, I grabbed the data and put it in a db.json file. From which i fetched and rendered my data on to the website.

Components

Several Components came together to make the data on every page relevant and workable. The main components were :

  • "Home"
  • "Form"
  • "Variety"

Interactivity

As a user, you are able to add your own jokes onto the website and view them from the "Variety" page.

As a user, you can shift from differnt views on the application depending on what you're looking for:

  • For a preview of all the page entails, you can click "Home" on the navigation bar.
  • To add you jokes on the application, you can click "Contribute"
  • To see all the jokes on the application, you click "Variety".

About

Snooze React app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published