This is a project to testing coding habilities, it is part of the recruiting process of Liven.tech company

Overview

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

Description

This is a project to testing coding habilities, it is part of the recruiting process of Liven.tech company.

Some consideration

To track the progress of the project was used Notion.io.

Added a sharing url button on each product to enhance buying experience.

The project uses an external URL to serve the images, so the original (http://lorempixel.com) did not work, and was changed (http://lorempixel.com.br).

Packages in this project

  • React
  • Next.JS
  • SWR
  • Typescript
  • Tailwind.css
  • React-icons
  • Sweetalert2
  • react-lazy-load-image-component

Checklist here

https://mixed-guilty-937.notion.site/Ecommerce-checklist-f3db197a74ec46feb6f9fee75b9aadac

Commands used to init the project


npx create-next-app ecommerce

touch tsconfig.json

touch next-env.d.ts

npm install --save-dev typescript @types/react @types/node

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

npm i sweetalert2 react-toastify

Deploy on Vercel

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

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

You might also like...

Javascript-testing-practical-approach-2021-course-v3 - Javascript Testing, a Practical Approach (v3)

Javascript-testing-practical-approach-2021-course-v3 - Javascript Testing, a Practical Approach (v3)

Javascript Testing, a Practical Approach Description This is the reference repository with all the contents and the examples of the "Javascript Testin

Nov 14, 2022

AREX: It is a “Differential Testing” and “Record and Replay Testing” Tool.

AREX: It is a “Differential Testing” and “Record and Replay Testing” Tool. Test restful API by record, replay and stub request/response. Differential

Nov 1, 2022

Website to present projects made by me and that are part of my personal portfolio. It was made using React, HTML y Scss (CSS).

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 23, 2021

A simple but powerful tweening / animation library for Javascript. Part of the CreateJS suite of libraries.

TweenJS TweenJS is a simple tweening library for use in Javascript. It was developed to integrate well with the EaselJS library, but is not dependent

Jan 3, 2023

The cloud computing part required by the Rebage application ☁

Rebage - Cloud Computing The cloud technology used in Rebage Powered by: Google Cloud Platform, offered by Google, is a suite of cloud computing servi

Sep 25, 2022

SAP Community Code Challenge: This repository contains an empty OpenUI5 application and end-to-end tests written with wdi5. Take part in the challenge and develop an app that passes the tests.

SAP Community Code Challenge - UI5 The change log describes notable changes in this package. Description This repository is the starting point for the

Oct 24, 2022

MerLoc is a live AWS Lambda function development and debugging tool. MerLoc allows you to run AWS Lambda functions on your local while they are still part of a flow in the AWS cloud remote.

MerLoc is a live AWS Lambda function development and debugging tool. MerLoc allows you to run AWS Lambda functions on your local while they are still part of a flow in the AWS cloud remote.

MerLoc MerLoc is a live AWS Lambda function development and debugging tool. MerLoc allows you to run AWS Lambda functions on your local while they are

Dec 21, 2022

Bun vs Node performance comparison - part 2

Performance Combo Results Platform Req/S Latency (ms) Remix + Express 3291 14 Remix + App Server 3378 15 Remix + Bun 6417 8 Astro + Node 3765 14 Astro

Dec 20, 2022

Online Inventory Control System for an apparel manufacturing company "CASANOVA" (Pvt) Ltd. Technology stack: Node.js, Express.js, MongoDB Atlas, React.js (MERN Stack).

Project Name - Online Inventory Control System for an apparel manufacturing company "CASANOVA". The project was given a "A" grade. Group Leader - IT20

Dec 26, 2021
Owner
Romualdo
I develop applications using various technologies such as ReactJS/NextJS, Javascript, HTML/CSS, NodeJS and Python.
Romualdo
A testing focused Remix Stack, that integrates E2E & Unit testing with Playwright, Vitest, MSW and Testing Library. Driven by Prisma ORM. Deploys to Fly.io

Live Demo · Twitter A testing focused Remix Stack, that integrates E2E & Unit testing with Playwright, Vitest, MSW and Testing Library. Driven by Pris

Remix Stacks 18 Oct 31, 2022
This project is part of the 2nd Module 2 Block of Microverse curriculum

To-do list is a tool that helps to organize our day. It simply lists the things that you need to do and allows you to mark them as complete by using ES6 and Webpack!

Ravi Teja 14 Mar 14, 2022
This is a basic website Todo Application that displays a list that looks and behaves like the part of minimalist project.

To-Do-list-microverse Description This is a basic website; a Todo Application that displays a list that looks and behaves like the part of minimalist

Dennis Akagha 7 Feb 3, 2022
Svaasthy project - a part of the Electrothon-4.0 Hackathon

Svaasthy View the presentaton The problems we address... The covid-19 crisis is drawing attention to the already overburdened public health systems in

PAVITRA BEHARA 5 Jun 16, 2022
Made this group project as a part of DESIS Ascend Educare Mentorship Program.

Buy-It-Right An intersection of Finance & Technology . About The Project: Buy It Right is a board game based on the economic idea of a monopoly. Four

Sejal Maheshwari 2 Dec 5, 2022
This is a TV shows list website. It is a capstone project that was completed as part of Module 2 - JavaScript.

Kanban Board Capstone Project This is a TV Shows web site source from TVmaze API. In the website, a user can click on heart icon and get it recorded i

Mayengbam Ranjit Luwang 7 Aug 11, 2022
Medusa + Next.js starter frontend UI project as a part of Open source contribution.

Medusa Next.js Starter Medusa is an open-source headless commerce engine that enables developers to create amazing digital commerce experiences. Prere

Gourav Singh Rawat 9 Dec 15, 2022
This project is a web application for a company that provides commercial and scientific space travel services

Space Traveler's Hub This project is a web application for a company that provides commercial and scientific space travel services.

Selma Belhadj 5 Jun 8, 2022
This project will be using various AI and Rule Engine algorithm to detect various attack against a company!

?? Introduction This project will be using various AI and Rule Engine algorithm to detect various attack against a website! ?? Mission After starting

Harish S.G 4 Apr 29, 2022