My First blog(My ALTSCHOOL SECOND SEMESTER EXAMS)
Whoops! I don't know where to start actually. I want to believe I'm typing something already. I hope you enjoy this read. I really do hope so. Shall we?
I'm Olatujoye Olubunmi, A yummy mummy and a budding front-end engineer. Currently a student in AltSchool Africa where I'm taking each day as it comes ....Getting close to becoming an "Odogwu " software developer if you know what I mean. I will be discussing my second-semester exam question. Although, There are several questions to choose from. I decided to choose question three(3) because I was convinced it will show me a little bit of "shege". What's life without one or two challenges? Let me get right to it.
THE QUESTION 3:
BUILDING A REACT APPLICATION THAT HAS THE LISTED BELOW FUNCTIONING!!!
"Setup react-router, implement Nested routes, 404 page, and Error boundary. Set up fake userAuthContext using the context API to always carry out a fake authentication, bonus - extract out a custom hook to get the currently logged-in user. Implement SEO and Navigation menu that will show on each page." Who knows, this might help someone.
The Major points I believed our tutor was expecting to see:
Setting up and showing the routers.
Implementing Nested Routes.
Implementing Error boundary
Implementing Error 404 page
carrying out fake authentication
Implementing SEO and of course some good UI designs.
To be honest, At the first submission, There was a rush, I only ensured I answered the question with no creativity whatsoeverš«. After the second chance was given to update, I tried to do something different and not answer the questions directly without any iota of being creative.
- WHAT IS THE FIRST STEP/THING TO DO FOR A REACT APP TO BE UP AND RUNNING????
Open a terminal(Windows Command Prompt (I'm a big fan of Git Bash)or PowerShell).
Create a new project folder:
mkdir first-react-appand enter that directory:cd first-react-app.Install React using create-react-app, a tool that installs all of the dependencies to build and run a full React.js application.
I also downloaded some extra dependencies create-react-app will not automatically install for me to ease my work...such as react-router-dom, react icons e.t.c After setting up the react project, It's only proper to weed out some unwanted components you won't be needing to your projects such as setup test.js, react logo itself, the codes written in the CSS pages. Then you can now test-run your app by simply rendering something in your App.js.
- APP.JS in REACT.....
App.js can best be described as the mirror or what reflects your whole project for the world to see. Interesting right? it is the place to render all you have been doing especially in other components.
I eventually came up with a relationship page(Love Corner) where we meet for yearly workshops, meet up with coaches, ask questions and help people overcome their emotional challenges.
while trying to be creative, I ensured I didn't miss the questions. I implemented all that was listed above.
- How does this app works?
First and foremost you are created with an input field to put in a username, The username gives you access to the login form. Mind you, You have to be 18+ before you can get access, "more like access ticket" to be a participant in the program.
Thank you for coming to my pep talk or better put my first blog. Constructive criticisms are welcome.