GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - niloodev/codeleap-code-test: A simple application with CRUD functions and also a CodeLeap Engineering Code Test. ~ React with Redux + React Router, Framer Motion + Styled Components, Axios, Moment.Js and Prettier + ESLint (for code organization)

BranchesTags
Open more actions menu

Latest commit

 

History

37 Commits
37 Commits

Folders and files

NameName
Last commit message
Last commit date
public
public
 
 
src
src
 
 
.eslintrc.json
.eslintrc.json
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
codeleap-banner.svg
codeleap-banner.svg
 
 
codeleap-example-updated.gif
codeleap-example-updated.gif
 
 
package.json
package.json
 
 
prettier.config.js
prettier.config.js
 
 
tsconfig.json
tsconfig.json
 
 
yarn.lock
yarn.lock
 
 

Repository files navigation


CodeLeap
CODE LEAP ENGINEERING TEST

A simple CRUD application builded with React and TypeScript

Realtime • Proposal • Tools • Author

screenshot

Proposal

  • The application must have CRUD functionalities; Create Posts, Read Posts, Update Posts and Delete Posts.
  • Must be redirected to the "end consumer" and not to other developers, so usability and communicability are very important.
  • Achieve the task with the best logic possible.
  • Redux is necessary, and the initial folder structure should be:
  • /components for custom stuff

  • /actions for dispatched actions and NETWORK requests

  • /redux for the reducers and store

  • /pages where the actual page content will be

  • Hooks (React Functional Components) instead of classes.
  • Must have Signup and Main pages, with two modals. (One to delete, and the other to update posts)
  • Can use any tools available.
  • Follow the Figma Scheme.

Tools

This application uses the following open-source packages:

Core ones.
  • React (Main "framework")
  • TypeScript (Strongly typed programming language that builds on JavaScript)
  • Redux (Creates a global state to application)
Stylization.
  • Styled Components (CSS in JS / TS styling)
  • Framer Motion (Animation framework)
API CRUD and data treatment.
  • Axios (API requests and CRUD functionalities)
  • Moment.js (DateTime converter)
Code formatter, and other environment development tools.
  • ESLint (Javascript linter)
  • Prettier (Opinionated code formatter)
  • Figma Scheme (Application prototype)

Author

made by niloodev | Ezequiel Nilo

ANY TIPS OR FEEDBACK IS HIGHLY APPRECIATED! 🐸

About

A simple application with CRUD functions and also a CodeLeap Engineering Code Test. ~ React with Redux + React Router, Framer Motion + Styled Components, Axios, Moment.Js and Prettier + ESLint (for code organization)

codeleap-code-test-niloodev.vercel.app

Topics

axioscode-testeslintframer-motionmomentjsprettierprettier-eslintreactreact-routerreduxstyled-componentstypescript

Resources

Readme
Activity

Stars

1 star

Watchers

1 watching

Forks

1 fork
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.