Giter VIP home page Giter VIP logo

bookshelf-challenge's Introduction

๐Ÿ“š Bookshelf Challenge

Welcome! This project is a virtual bookshelf, created with some recent frontend web development technologies. You can take a look at the current application here.

๐Ÿ‘จโ€๐Ÿ’ป Stack

Some technologies/tools used:

  • TypeScript: Just JavaScript with types! How not to like scalability and safety?
  • Next.js: A React.js framework for developing single-page web applications. It's a personal choice, but with Next.js we have A LOT of benefits, such as Server Side Rendering, Static Site Generations, SEO improvements.
  • Context.API to easy state management. State management here is quite simple (login and books), so it was easier to use the Context API. For more complex management I would probably use Redux.
  • Styled-components for styling.
  • Axios for HTTP requests
  • Prettier + ESLint for code formatting/pattern.

For future work I intend to add:

Feel free to contact me for criticism or suggestions! My contacts are on my profile.

๐Ÿ”ง Project setup

This project was developed using Node v14.17.0, NPM 8.4.1 and yarn 1.22.17.

To set up first clone this repo:

git clone https://github.com/jeanGeorge/frontend-books-challenge.git

Enter the project folder:

cd frontend-books-challenge

Install the packages:

yarn

Run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result.

bookshelf-challenge's People

Contributors

jeangeorge avatar

Watchers

 avatar

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.