initial commit

sonnysangha · May 17, 2021 · 366511a · 366511a
1 parent afcd6c5
commit 366511a
Show file tree

Hide file tree

Showing 12 changed files with 625 additions and 311 deletions.
diff --git a/package.json b/package.json
@@ -13,5 +13,10 @@
  "react-dom": "17.0.1",
  "react-redux": "7.2.2"
  },
- "license": "MIT"
+ "license": "MIT",
+ "devDependencies": {
+ "autoprefixer": "^10.2.5",
+ "postcss": "^8.2.15",
+ "tailwindcss": "^2.1.2"
+ }
 }
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/src/app/store.js b/src/app/store.js
@@ -1,8 +1,8 @@
-import { configureStore } from '@reduxjs/toolkit'
-import counterReducer from '../features/counter/counterSlice'
+import { configureStore } from "@reduxjs/toolkit";
+import basketReducer from "../slices/basketSlice";
 
 export const store = configureStore({
  reducer: {
- counter: counterReducer,
+ basket: basketReducer,
  },
-})
+});
diff --git a/src/features/counter/Counter.js b/src/features/counter/Counter.js
diff --git a/src/features/counter/Counter.module.css b/src/features/counter/Counter.module.css
diff --git a/src/features/counter/counterSlice.js b/src/features/counter/counterSlice.js
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -1,59 +1,41 @@
-import { Counter } from '../features/counter/Counter'
-import styles from '../styles/Home.module.css'
-import Head from 'next/head'
+import Head from "next/head";
 
 export default function Home() {
  return (
- <div className={styles.container}>
+ <div>
  <Head>
- <title>Redux Toolkit</title>
- <link rel="icon" href="/favicon.ico" />
+ <title>Amazon 2.0</title>
  </Head>
- <header className={styles.header}>
- <img src="/logo.svg" className={styles.logo} alt="logo" />
- <Counter />
- <p>
- Edit <code>src/App.tsx</code> and save to reload.
- </p>
- <span>
- <span>Learn </span>
- <a
- className={styles.link}
- href="https://reactjs.org/"
- target="_blank"
- rel="noopener noreferrer"
- >
- React
- </a>
- <span>, </span>
- <a
- className={styles.link}
- href="https://redux.js.org/"
- target="_blank"
- rel="noopener noreferrer"
- >
- Redux
- </a>
- <span>, </span>
- <a
- className={styles.link}
- href="https://redux-toolkit.js.org/"
- target="_blank"
- rel="noopener noreferrer"
- >
- Redux Toolkit
- </a>
- ,<span> and </span>
+
+ {/* ---- TO BEGIN, delete this section and GET CODING!!! ---- */}
+ <center className="grid place-items-center mt-10">
+ <h1 className="text-5xl">Lets build Amazon 2.0</h1>
+ <h2>This is your starter template!</h2>
+ <br />
+ <h3 className="font-bold">
+ We will be using Next.js / Tailwind CSS / Redux / Firebase / NextAuth
+ </h3>
+ <i>(Dont worry, its all setup and ready to use!)</i>
+ <h4>Get Ready, Get Set, GO!!!</h4>
+
+ <h5 className="mb-10">#PAPAFAM</h5>
+
+ <div className="bg-red-300 p-10">
+ <p className="font-bold">
+ Dont forget to register for the challenge here!
+ </p>
+ <p>👇👇👇</p>
  <a
- className={styles.link}
- href="https://react-redux.js.org/"
- target="_blank"
- rel="noopener noreferrer"
+ href="https://www.papareact.com/secret-challenge"
+ className="text-blue-400 underline p-3 font-bold"
  >
- React Redux
+ CLICK HERE TO REGISTER NOW
  </a>
- </span>
- </header>
+ </div>
+
+ <p className="mt-24">Built with 💙 by Sonny Sangha (PAPA REACT)</p>
+ </center>
+ {/* ---- ---- */}
  </div>
- )
+ );
 }
diff --git a/src/slices/basketSlice.js b/src/slices/basketSlice.js
@@ -0,0 +1,21 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const initialState = {
+ items: [],
+};
+
+export const basketSlice = createSlice({
+ name: "basket",
+ initialState,
+ reducers: {
+ addToBasket: (state, action) => {},
+ removeFromBasket: (state, action) => {},
+ },
+});
+
+export const { addToBasket, removeFromBasket } = basketSlice.actions;
+
+// Selectors - This is how we pull information from the Global store slice
+export const selectItems = (state) => state.basket.items;
+
+export default basketSlice.reducer;
diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -1,16 +1,3 @@
-html,
-body {
- padding: 0;
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
- Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-}
-
-a {
- color: inherit;
- text-decoration: none;
-}
-
-* {
- box-sizing: border-box;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -0,0 +1,11 @@
+module.exports = {
+ purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
+ darkMode: false, // or 'media' or 'class'
+ theme: {
+ extend: {},
+ },
+ variants: {
+ extend: {},
+ },
+ plugins: [],
+};