This week I’ve been working on a small project requiring me to build a web application using React. I decided to use React because I haven’t had a lot of experience with it and I wanted to start with something simple to understand the concepts. I am only focusing on the front-end part using React components to build the website.

I followed the steps in https://reactjs.org/docs/create-a-new-react-app.html#create-react-app and https://reactjs.org/tutorial/tutorial.html to build the local development environment.

So far I know what components I want in the website and I’d like to include some simple animations and scroll effects.

• Components: Pages: I want to keep this simple with three main pages - a home page, about page and contact page.

• Animations: Animations make websites more interesting for the user so I wanted to include this. I wanted something simple to begin with so I looked up some packages on the internet and found the react-reveal module.

• Scroll effects: For this I decided to use the react-scroll module. This is proving to be slightly more challenging to customize.