Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/arturcolen/cotemig-framework-works

Projects created in the Framework subject of the technical course in web and mobile development.
https://github.com/arturcolen/cotemig-framework-works

css framework html javascript nodejs react styled-components

Last synced: 2 days ago
JSON representation

Projects created in the Framework subject of the technical course in web and mobile development.

Awesome Lists containing this project

README 

        
# Framework Projects

Repository created to share the projects I developed during this course, whose goal is to be introduced to some JavaScript-based technologies for web application development, such as Node.js and React.



## 🔨 Projects functionality



### 01 - JavaScript revisew

This project was developed with the intention of reviewing the content about JavaScript learned, through the creation of scripts from problem-situations passed in class.



Access the page [here](https://01-javascript-review.surge.sh/).



### 02 - Arrays and objects

The exercise was performed to fix the concepts learned about array and object methods.



Access the page [here](https://02-array-and-object-exercises.surge.sh/).



### 03 - Events

The program was created to reinforce the knowledge acquired about events in JavaScript.



Access the page [here](https://03-events-exercises.surge.sh/).



### 04 - Stock of products

Project developed with the purpose of creating a table that stores the user's product stock, displaying the data at runtime.



Access the page [here](https://04-stock-table.surge.sh/).



### 05 - Menu and BMI

The projects were developed in order to fix the contents learned throughout the 1st stage and consist of a weekly menu, where the user fills in the table with the foods he will consume each day and a BMI calculator to be able to measure body mass from the user's height and weight.



Access the page [here](https://05-menu-and-bmi-projects.surge.sh/).



### 06 - List of countries

Project created in order to fix the knowledge learned about HTTP requests with JavaScript.



Access the page [here](https://06-countries-api.surge.sh/).



### 07 - Meme generator

The program consists of a generator of memes from the consummation of two APIS (one of images of known memes and another of random phrases).



Access the page [here](https://07-meme-generator.surge.sh/).



### 08 - Portfolio

Creation of a portfolio site with some of my skills and projects developed in order to introduce to React studies. In this project, components are used, the GitHub API is consumed, the project routes are created, among others.



Access the page [here](https://08-react-portfolio.vercel.app/).



### 09 - Countries API and meme generator in React

The project consists of joining programs 6 and 7 present in this repository, but made in React, with the aim of reviewing for the final exam of the 2nd stage.



Access the page [here](https://09-countries-api-and-meme-generator.vercel.app/).



### 10 - Final test 2nd stage

The program was developed to assess the knowledge acquired about React and HTTP requests during the second stage of the course. It consists of a page on which questions about games and their degree of difficulty are displayed (based on data extracted from an external API).



Access the page [here](https://10-final-test-2nd-stage.vercel.app/).



### 11 - Rock, paper and scissors

Creation of the classic hand game with React in order to reinforce the concepts learned at the beginning of this stage, especially regarding hooks.



Access the page [here](https://11-rock-paper-scissors.vercel.app/).



### 12 Final test 3rd stage

Project created as a final test for the Framework subject with the aim of practicing the main skills acquired throughout the year. To do this, a program was developed to list notes that can also be deleted, so it was possible to train the content learned about React, LocalStorage, Vite, among others.



Access the page [here](https://12-final-test-3rd-stage.vercel.app/).



## 💻 Technologies used 

* [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript): programming language

* [React](https://pt-br.react.dev/blog/2023/03/16/introducing-react-dev): create user interfaces on web pages

* [Node.js](https://nodejs.org/pt-br/docs): allows the execution of JavaScript code outside the browser

* [Styled-components](https://styled-components.com/docs): create CSS styles for React components in an elegant and encapsulated way



**Observation:** These programs are designed to be accessed on computers (they are not responsive), so if used on mobile devices, some functions will not run.



## ⚙️ More projects

Throughout the course, I did some school work in groups. For greater organization, I've distributed these projects in different repositories. To access them, just click on one of the options below:

* [CraftAPI](https://github.com/ArturColen/CraftAPI)

* [To-do list](https://github.com/ArturColen/To-do-list)

* [School Timetable](https://github.com/ArturColen/School-timetable)