clementbat.github.io

Here are some front end projects I did with freecodecamp front end program. You can see them live by clicking on the links.

Here is the list of the projects:

Pomodoro

User Stories:

1. I can start a 25 minute pomodoro, and the timer will go off once 25 minutes has elapsed.
2. I can reset the clock for my next pomodoro.
3. I can customize the length of each pomodoro.

---

calculette

User Stories:

1. I can add, subtract, multiply and divide two numbers.
2. I can clear the input field with a clear button.
3. I can keep chaining mathematical operations together until I hit the equal button, and the calculator will tell me the correct output.

---

quote

User Stories:

1. I can click a button to show me a new random quote.
2. I can press a button to tweet out a quote.

---

simongame

User Stories:

1. I am presented with a random series of button presses.
2. Each time I input a series of button presses correctly, I see the same series of button presses but with an additional step.
3. I hear a sound that corresponds to each button both when the series of button presses plays, and when I personally press a button.
4. If I press the wrong button, I am notified that I have done so, and that series of button presses starts again to remind me of the pattern so I can try again.
5. I can see how many steps are in the current series of button presses.
6. If I want to restart, I can hit a button to do so, and the game will return to a single step.
7. I can play in strict mode where if I get a button press wrong, it notifies me that I have done so, and the game restarts at a new random series of button presses.
8. I can win the game by getting a series of 20 steps correct. I am notified of my victory, then the game starts over.

---

tictactoe

User Stories:

1. I can play a game of Tic Tac Toe with the computer.
2. My game will reset as soon as it's over so I can play again.
3. I can choose whether I want to play as X or O.

---

twitchtv

User Stories:

1. I can see whether Free Code Camp is currently streaming on Twitch.tv.
2. I can click the status output and be sent directly to the Free Code Camp's Twitch.tv channel.
3. If a Twitch user is currently streaming, I can see additional details about what they are streaming.

---

wikiviewer

User Stories:

1. I can search Wikipedia entries in a search box and see the resulting Wikipedia entries.
2. I can click a button to see a random Wikipedia entry.
3. I can choose whether I want to play as X or O.

---

weather

User Stories:

1. I can see the weather in my current location.
2. I can see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.
3. I can push a button to toggle between Fahrenheit and Celsius.

---

Build with reactjs

receipe

User Stories:

1. I can create recipes that have names and ingredients.
2. I can see an index view where the names of all the recipes are visible.
3. I can click into any of those recipes to view it.
4. I can edit these recipes.
5. I can delete these recipes.
6. All new recipes I add are saved in my browser's local storage. If I refresh the page, these recipes will still be there.

---

gameoflife

User Stories:

1. When I first arrive at the game, it will randomly generate a board.
2. I can start and stop the board.
3. I can set up the board.
4. I can clear the board.
5. When I press start, the game will play out.
6. Each time the board changes, I can see how many generations have gone by.