RitikPatni / React-Cards

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cards

How to try?

In order to try this clone the repo and run

  • yarn install
  • yarn start

In order to run the test suite run

  • yarn test

In order to create the production build

  • yarn build

Alternatively you can also visit https://cards.ritikpatni.me/ to check it out

What does it do?

  • Add new Cards
  • View cards in a collective manner
  • Open Modal to create new card
  • Basic Testing
    • I know it was a must but I'm running out of time and have significantly less experience with tests so only added a few
  • Uses TypeScript
  • Uses SCSS
  • No UI framework
  • Modular code

Scope for improvement?

  • Carousel can be added as it was provided in design
  • Testing needs a lot more work
  • Need more time to test out the edge cases though I feel most have been handled
  • We can randomize things while generating to improve the experience
  • Some accessibility enhancements can also be done in the color palette and in some other places but needs more Testing

I had all of the above things in my plans but I couldn't manage to do it in the said time.

Tools/Tech Used

  • HTML
  • SCSS
  • JS
  • TypeScript
  • Reset CSS
  • React JS
  • Create React App
  • Jest

About


Languages

Language:TypeScript 61.5%Language:SCSS 28.2%Language:HTML 10.3%