https://github.com/kenriortega/page404

Project #2 challege from challenge.io
https://github.com/kenriortega/page404

Last synced: about 1 month ago
JSON representation

Project #2 challege from challenge.io

• Host: GitHub
• URL: https://github.com/kenriortega/page404
• Owner: kenriortega
• Created: 2021-02-24T21:30:37.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-02-27T19:09:36.000Z (about 4 years ago)
• Last Synced: 2025-02-03T06:53:04.832Z (3 months ago)
• Language: CSS
• Homepage: page404-kenriortega.vercel.app
• Size: 425 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


Page 404 challenge




   Solution for a challenge from  Devchallenges.io.





  


    

      Demo

    

     | 

    

      Solution

    

     | 

    

      Challenge

    

  



## Table of Contents

- [Overview](#overview)

  - [Built With](#built-with)

- [Features](#features)

- [Contact](#contact)

- [Acknowledgements](#acknowledgements)

## Overview

![screenshot](src/img/web.png)

In this demo the user can see a simple web site with content 404 not found, this page is used when the content is unavailable, or does not exist.

My experience developing this project was awesome, because I`m new in the frontend development, and some time the people say that the backend is hard, but the frontend is very hard.

Making this demo i learned how i can work with figma an following the steps to focus on the main task, also i learned features realated to css, such as:

- import external fonts

- custom properties (variables in css)

I improved my skills with react.js framework and i lose the fear to make css code without any css framework.

### Built With

- [React.js](https://reactjs.org/)

## Available Scripts

On the project directory, you can run:

### `npm start`

Runs the app in development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\

You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\

See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\

It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\

Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### deploy

This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)

## Features

This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/wBunSb7FPrIepJZAg0sY) was to build an application to complete the given user stories.

## Acknowledgements

- [Create React App](https://github.com/facebook/create-react-app)

- [css-tricks - overflow wrap word](https://css-tricks.com/almanac/properties/o/overflow-wrap/)

- [adding-fonts to create-react-app](https://dev.to/annequinkenstein/adding-fonts-to-create-react-app-3ed7)

## Contact

- Website not yet

- GitHub [@kenriortega](https://github.com/kenriortega)

- Twitter [@kenriortega](https://twitter.com/kenriortega)