Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/eugenia1984/react-and-nextjs-projects

Some React and Next.js exercises
https://github.com/eugenia1984/react-and-nextjs-projects

javascript nextjs react reactjs

Last synced: about 2 months ago
JSON representation

Some React and Next.js exercises

Awesome Lists containing this project

README

        

# Next.js icon Next.js 14 & React icon React - Projects

## Search What you will find?

1. **react**: some React exercise, with this file structure:

```
> dummy-backend
> post-app
> react-vs-vanilla-example
> vanilla-js
```

- **vanilla-js**: an example of what we have with Vanilla JavaScript, before React

Vanilla JavaScript app

- **react-vs-vanilla-example**: the same app from vanilla.js but a React App with Vite

React app

- **dummy-backend** a simple BackEnd, created with Node.js, for list all the post, show a post by id, and create a new post and add to the existing posts list, in order to work with data at the post-app project. It's not in a hosting, need to be run locally.

- **post-app**: an app that displays posts, and you can create a new one.

-> view all the posts:

posts app

-> add new post

posts app new post

2. **first-app** a really simple first app with app router and two pages.

3. **starting project**: a basic NExt.js project, to use as a starting point

---

## monitor Technologies

- HTML5 icon HTML5

- CSS3 icon CSS3

- JavaScript icon JavaScript

- [React icon React](https://react.dev/) : react (hooks: useState) / react-DOM

- Libraries: react-icons

- [Next.js icon Next.js](https://nextjs.org/)

- [node-js Node.js](https://nodejs.org/)

---

## Please: 🎁

* Share this project with others 📢

* Invite with a beer 🍺 or a coffee ☕ someone from the team.

* Thank you very much 🤓.

---

## Notes:

I appreciate your interest in this repository ⌨️ with ❤️ from [Maria Eugenia Costa](https://github.com/eugenia1984) 😊 and follow me on [LinkedIn - maria-eugenia-costa](https://www.linkedin.com/in/maria-eugenia-costa/)

---