https://github.com/arturbomtempo-learning/cotemig-framework-assignments

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

https://github.com/arturbomtempo-learning/cotemig-framework-assignments

Science Score: 13.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • CITATION.cff file
  • codemeta.json file
    Found codemeta.json file
  • .zenodo.json file
  • DOI references
  • Academic publication links
  • Academic email domains
  • Institutional organization owner
  • JOSS paper metadata
  • Scientific vocabulary similarity
    Low similarity (8.5%) to scientific vocabulary

Keywords

css framework html javascript nodejs react styled-components
Last synced: 5 months ago · JSON representation

Repository

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

Basic Info
  • Host: GitHub
  • Owner: arturbomtempo-learning
  • Language: JavaScript
  • Default Branch: main
  • Homepage:
  • Size: 1.04 MB
Statistics
  • Stars: 1
  • Watchers: 1
  • Forks: 0
  • Open Issues: 0
  • Releases: 0
Topics
css framework html javascript nodejs react styled-components
Created over 2 years ago · Last pushed about 2 years ago
Metadata Files
Readme

README.md

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.

02 - Arrays and objects

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

Access the page here.

03 - Events

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

Access the page here.

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.

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.

06 - List of countries

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

Access the page here.

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.

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.

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.

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.

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.

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.

💻 Technologies used

  • JavaScript: programming language
  • React: create user interfaces on web pages
  • Node.js: allows the execution of JavaScript code outside the browser
  • Styled-components: 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 * To-do list * School Timetable

Owner

  • Name: Artur Bomtempo | Learning
  • Login: arturbomtempo-learning
  • Kind: organization
  • Email: arturbcolen@gmail.com
  • Location: Brazil

Sharing the journey. One lesson, one line of code at a time.

GitHub Events

Total
Last Year

Dependencies

2nd stage/08-react-portfolio/package-lock.json npm
  • 271 dependencies
2nd stage/08-react-portfolio/package.json npm
  • @types/react ^18.2.15 development
  • @types/react-dom ^18.2.7 development
  • @vitejs/plugin-react ^4.0.3 development
  • eslint ^8.45.0 development
  • eslint-plugin-react ^7.32.2 development
  • eslint-plugin-react-hooks ^4.6.0 development
  • eslint-plugin-react-refresh ^0.4.3 development
  • vite ^4.4.5 development
  • react ^18.2.0
  • react-dom ^18.2.0
  • react-icons ^4.10.1
  • react-router-dom ^6.14.2
2nd stage/09-countries-api-and-meme-generator/package-lock.json npm
  • 271 dependencies
2nd stage/09-countries-api-and-meme-generator/package.json npm
  • @types/react ^18.2.15 development
  • @types/react-dom ^18.2.7 development
  • @vitejs/plugin-react ^4.0.3 development
  • eslint ^8.45.0 development
  • eslint-plugin-react ^7.32.2 development
  • eslint-plugin-react-hooks ^4.6.0 development
  • eslint-plugin-react-refresh ^0.4.3 development
  • vite ^4.4.5 development
  • react ^18.2.0
  • react-dom ^18.2.0
  • react-icons ^4.10.1
  • react-router-dom ^6.14.2
2nd stage/10-final-test-2nd-stage/package-lock.json npm
  • 279 dependencies
2nd stage/10-final-test-2nd-stage/package.json npm
  • @types/react ^18.2.15 development
  • @types/react-dom ^18.2.7 development
  • @vitejs/plugin-react ^4.0.3 development
  • eslint ^8.45.0 development
  • eslint-plugin-react ^7.32.2 development
  • eslint-plugin-react-hooks ^4.6.0 development
  • eslint-plugin-react-refresh ^0.4.3 development
  • vite ^4.4.5 development
  • react ^18.2.0
  • react-dom ^18.2.0
3rd stage/11-rock-paper-scissors/package.json npm
  • @types/react ^18.2.15 development
  • @types/react-dom ^18.2.7 development
  • @vitejs/plugin-react ^4.0.3 development
  • eslint ^8.45.0 development
  • eslint-plugin-react ^7.32.2 development
  • eslint-plugin-react-hooks ^4.6.0 development
  • eslint-plugin-react-refresh ^0.4.3 development
  • vite ^4.4.5 development
  • react ^18.2.0
  • react-dom ^18.2.0
  • styled-components ^5.3.5
3rd stage/11-rock-paper-scissors/pnpm-lock.yaml npm
  • 304 dependencies
3rd stage/12-final-test-3rd-stage/package-lock.json npm
  • 324 dependencies
3rd stage/12-final-test-3rd-stage/package.json npm
  • @types/react ^18.2.43 development
  • @types/react-dom ^18.2.17 development
  • @vitejs/plugin-react ^4.2.1 development
  • eslint ^8.55.0 development
  • eslint-plugin-react ^7.33.2 development
  • eslint-plugin-react-hooks ^4.6.0 development
  • eslint-plugin-react-refresh ^0.4.5 development
  • vite ^5.0.8 development
  • @uidotdev/usehooks ^2.4.1
  • react ^18.2.0
  • react-dom ^18.2.0
  • react-icons ^5.0.1
  • react-router-dom ^6.21.2
  • styled-components ^6.1.8
  • uuid ^9.0.1