Giter VIP home page Giter VIP logo

aertec-jobtest's Introduction

Hi, I'm Alicia ๐Ÿ‘‹

A disabled software engineer ๐Ÿ‘ฉโ€๐Ÿฆผ living in south Spain. โ˜€๏ธ Currently working as a fullstack developer on a 100% remote friendly company that supports open source sustainability. ๐Ÿ™Œ Previously worked on game development as a 2D generic/pixel artist, ๐Ÿ–Œ๏ธ and mostly C# & unity programmer in indie games. ๐ŸŽฎ I'm a huge nerd/geek, Pokemon TCG player, and D&D5 DM. ๐Ÿค“

๐Ÿ’• My values

๐Ÿ’– Safety and trust
๐ŸŒŸ Expression as authentic self
๐Ÿ Beginner's mindset and curiosity
๐Ÿ™Œ Shared norms
๐Ÿš€ Elevate the underrepresented

๐Ÿ› ๏ธ Skills

Languages

typescript javascript csharp cplusplus

Front-End Development

react material-ui styled-components webpack html css sass

Database

graphql mysql

Testing

jest

Game Development

unity

Others

git bash github-actions markdown latex

๐ŸŒฑ Iโ€™m currently learning ...

jest docker amazon-aws terraform

๐Ÿ–ฅ๏ธ Workspace Setup

i7-2th-gen gtx-1060 ubuntu windows vs-code

๐Ÿ“ซ How to reach me

codepen linkedin dev.to github gmail

aertec-jobtest's People

Contributors

firenz avatar

Watchers

 avatar  avatar  avatar

aertec-jobtest's Issues

Project configuration files

Instead of using the command npx to create the React webapp, I'm going to do add manually the project configuration files so I have more control and options for customization.

Those files are for:

  • Node
  • Webpack
  • Typescript
  • ESLint/Prettier
  • CI with Travis

As a side note, for the prettier configuration file, I'll be adding npm packages for ESLint and Prettier configurations so I don't have to manually configure every rule, and this set has almost every set of rules covered.

Basic web layout

For doing the webapp layout, I'll be using Material UI and its icons. The reasons are that they're pretty quick to set up in a React webapp, commonly used, quick to configure with a theme template, and the components are already responsive.

Functionality + API

Make hooks to fetch from The Movie Database API in order to develop the main functions of this webapp:

  • List of movies ordered from most recent to oldest
  • Searcher by movie name
  • A details page for a specific movie when clicked a movie card from the movies list or as a result in a search

The fetching will be done by using React Query.

Gitignore

Though GitHub has plenty of gitignore templates, and I always use the Node gitignore template as a base, I like to make it more complete by using gitignore.io.

Usually using the Node + VSCode + Windows + macOS + Linux to generate it. This way is almost failsafe in case unintended files end uploaded in the repository folder.

Also, some custom rules need to be added in the gitignore to cover some folders and files that the generated gitignore doesn't have.

Project structure and hierarchy

Make the necessary folders structure and several key empty files to have for a React project to be started. This way, from the beginning of the development of this project, everything will be more organized.

Though some renaming of reorganizing can be necessary for the future, most of the code will not change in structure.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.