gamadv/kpsule-project

💻 📖 Project to add some products to cart

About   |    Technologies   |    Getting Started   |    Upgrades

📓 About

This is a PWA app:
Can be accessed on Kpsule Project URL
To install PWA Desktop ->

Project created based on Create Next App with Typescript
Design template base: Figma Proto

This project consume data from Next API routes as a Serveless client. API routes.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Endpoint: http://localhost:3000/api/productList.
This endpoint can be edited in pages/api/productList.ts

🔨 Technologies

📃 Dependencies: -> package.json

• React Js: JS Lib to build interface
• Typescript: It's written in TypeScript
• Next Js: Project creation tool
• Styled Components: Best tool to powerful our styles
• Axios: Best lib to manage Rest API's
• React Loading Skeleton: Lib to easier create Loading Skeleton effect

✒️ Getting Started

If you want to run this app on your dev workspace, look that:

You must have installed:

1. Node.js. Here
2. GIT. Here

Downloading dependencies:

  $ npm install

  # or

  $ yarn

🔥 Once dependencies download, just run your start command :

  $ npm dev

  # or

  $ yarn dev

This is a Next.js project bootstrapped with create-next-app.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

Deploy process once any changes pushed on Master branch

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

➕ Upgrades:

Some features are available to upgrade this app, those are:

• Complete Theme Switcher to Dark Theme (base has been created);
• Create Cart drawer component to see products added
• i18n Addition

💙 Made by 💙

Moacir Gama