Skip to content

Commit

Permalink
setup files
Browse files Browse the repository at this point in the history
  • Loading branch information
@elminhoemmanuel
elminhoemmanuel committed Oct 17, 2021
0 parents commit 259e588
Show file tree
Hide file tree
Showing 38 changed files with 19,796 additions and 0 deletions.
3 changes: 3 additions & 0 deletions .eslintrc.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"extends": "next/core-web-vitals"
}
34 changes: 34 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# local env files
.env.local
.env.development.local
.env.test.local
.env.production.local

# vercel
.vercel
2 changes: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
## Aneeque Markeplace

28 changes: 28 additions & 0 deletions components/BrowseLayouts.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
import React from 'react'
import { Row, Col } from 'antd';
import Link from "next/link"

const BrowseLayouts = () => {
return (
<div className="bg-white w-full p-4">
<Row gutter={12}>
<Col xs={24} md={12} lg={6} style={{ marginBottom: "0.7rem" }}>
<Link href="/dashboard/manage/layout">
<a className="bg-mainbg px-3 pt-3 flex items-center justify-center">
<img className="" src="/images/layout1.png" alt="layout thumbnail" />
</a>
</Link>
</Col>
<Col xs={24} md={12} lg={6} style={{ marginBottom: "0.7rem" }}>
<Link href="/dashboard/manage/layout">
<a className="bg-mainbg px-3 pt-3 flex items-center justify-center">
<img className="" src="/images/layout2.png" alt="layout thumbnail" />
</a>
</Link>
</Col>
</Row>
</div>
)
}

export default BrowseLayouts
136 changes: 136 additions & 0 deletions components/DashData.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
export const insights = [
{
id:1,
small:"Pageviews",
large:"23,445",
percent:"3.21%",
duration:"last 30 days"
},
{
id:2,
small:"Avg. page view duration",
large:"1m 49s",
percent:"3.21%",
duration:"last 30 days"
},
{
id:3,
small:"Recurring customers",
large:"24%",
percent:"3.21%",
duration:"last 30 days"
},
{
id:4,
small:"Average order value",
large:"N20,000",
percent:"3.21%",
duration:"last 30 days"
},
]

export const bestsellers = [
{
id:1,
name:"Layered black and grey hi...",
rating:"4.0",
qty:"34",
},
{
id:2,
name:"Layered black and grey hi...",
rating:"4.0",
qty:"34",
},
{
id:3,
name:"Layered black and grey hi...",
rating:"4.0",
qty:"34",
},
{
id:4,
name:"Layered black and grey hi...",
rating:"4.0",
qty:"34",
},
{
id:5,
name:"Layered black and grey hi...",
rating:"4.0",
qty:"34",
},
{
id:6,
name:"Layered black and grey hi...",
rating:"4.0",
qty:"34",
},
{
id:7,
name:"Layered black and grey hi...",
rating:"4.0",
qty:"34",
},
{
id:8,
name:"Layered black and grey hi...",
rating:"4.0",
qty:"34",
},
{
id:9,
name:"Layered black and grey hi...",
rating:"4.0",
qty:"34",
},
]

export const countries = [
{
id:1,
name:"United States",
rating:"234",
},
{
id:2,
name:"United States",
rating:"234",
},
{
id:3,
name:"United States",
rating:"234",
},
{
id:4,
name:"United States",
rating:"234",
},
{
id:5,
name:"United States",
rating:"234",
},
{
id:6,
name:"United States",
rating:"234",
},
{
id:7,
name:"United States",
rating:"234",
},
{
id:8,
name:"United States",
rating:"234",
},
{
id:9,
name:"United States",
rating:"234",
},

]
52 changes: 52 additions & 0 deletions components/Graph.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
import { Row, Col, DatePicker } from 'antd';
import dynamic from "next/dynamic";
const Chart = dynamic(() => import("react-apexcharts"), { ssr: false });

const Graph = () => {

function onChange(date, dateString) {
console.log(date, dateString);
}

const options = {
chart: {
id: "basic-bar"
},
xaxis: {
categories: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
},
colors:['#6B002C']
}

const series = [
{
name: "series-1",
data: [30, 40, 45, 50, 49, 60, 70, 91]
}
]

return (
<div className="bg-white p-4">
<Row justify="space-between" align="middle" style={{ marginBottom: "0.7rem" }}>
<Col>
<h1 className="text-sm font-bold">SALES</h1>
</Col>
<Col>
<DatePicker placeholder="OCT-NOV 2019" onChange={onChange} />
</Col>
</Row>

<div className="h-80">
<Chart
options={options}
series={series}
type="line"
width="100%"
height="100%"
/>
</div>
</div>
)
}

export default Graph
80 changes: 80 additions & 0 deletions components/HorizontalCard.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
import React from 'react'
import { AiTwotoneStar } from "react-icons/ai"

export const HorizontalCard = () => {
return (
<>
<div className="flex flex-col md:flex-row mb-4 pt-4">
<div className="pic-box mb-5 md:mb-0">
<img className="w-full h-60 md:h-full" src="/images/leanguy.png" alt="model image" />
</div>

<div className="text-box pl-0 md:pl-2">
<div className="flex justify-between mb-3">
<div className="flex flex-col md:flex-row">
<div className="md:w-52 w-full">
<p className="font-bold">Layered black and grey <br />hi-low flared maxi shirt</p>
</div>
<div className="md:pl-3 pl-0">
<p><AiTwotoneStar className="inline h-4 w-4 text-yellow-400" /> 43 <br /><span className="text-gray-400">Verified Purchaser</span></p>
</div>
</div>

<div>
<p>3 days ago</p>
</div>
</div>

<div className="flex ">
<div className="flex flex-col md:flex-row">
<div className="w-80">
<p ><span className="text-gray-400 mb-3">Product code: 01292039</span> <br /><span className="font-bold">N20,000</span></p>
</div>

<div className="pl-0 md:pl-1 pr-2 md:pr-0">
<p className="font-bold">EXCELLENT AND CONVENIENT</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis sit tellus pellentesque bibendum massa vestibulum vel. Sagittis et cras hendrerit tempor a non phasellus. Et dolor nunc, ipsum at </p>
</div>
</div>
</div>
</div>
</div>

{/* <div className="flex flex-col md:flex-row mb-4 pt-4">
<div className="pic-box mb-5 md:mb-0">
<img className="w-full h-60 md:h-full" src="/images/leanguy.png" alt="model image" />
</div>
<div className="text-box pl-0 md:pl-2">
<div className="flex justify-between mb-3">
<div className="flex flex-col md:flex-row">
<div className="md:w-52 w-full">
<p className="font-bold">Layered black and grey <br />hi-low flared maxi shirt</p>
</div>
<div className="md:pl-3 pl-0">
<p><AiTwotoneStar className="inline h-4 w-4 text-yellow-400" /> 43 <br /><span className="text-gray-400">Verified Purchaser</span></p>
</div>
</div>
<div>
<p>3 days ago</p>
</div>
</div>
<div className="flex ">
<div className="flex flex-col md:flex-row">
<div className="w-80">
<p ><span className="text-gray-400 mb-3">Product code: 01292039</span> <br /><span className="font-bold">N20,000</span></p>
</div>
<div className="pl-0 md:pl-1 pr-2 md:pr-0">
<p className="font-bold">EXCELLENT AND CONVENIENT</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quis sit tellus pellentesque bibendum massa vestibulum vel. Sagittis et cras hendrerit tempor a non phasellus. Et dolor nunc, ipsum at </p>
</div>
</div>
</div>
</div>
</div> */}
</>
)
}
41 changes: 41 additions & 0 deletions components/LatestOrders.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
import React from "react";
import { bestsellers } from "./DashData"
import { AiTwotoneStar } from "react-icons/ai"
import { Button } from 'antd';

const LatestOrders = () => {

return (
<div className="bg-white px-4 pt-4 pb-7 ">
<h1 className="text-sm font-bold mb-3">BESTSELLERS</h1>

<div className="divide-y divide-gray-200 ">
{
bestsellers.map(item => (
<div key={item.id} className="flex justify-between py-2">
<div className="flex">
<div className="mr-2">
<img className="" src="/images/thumb.png" alt="thumbnail" />
</div>
<div>
<p className="text-sm">{item.name}<br/><AiTwotoneStar className="inline h-4 w-4 text-yellow-400" /> 4.0</p>
{/* <p></p> */}
</div>
</div>

<div>
<p className="text-sm">{item.qty}</p>
</div>
</div>
))
}
</div>

<div className="my-3">
<Button className="report-btn">VIEW BESTSELLERS REPORT</Button>
</div>
</div>
)
}

export default LatestOrders
Loading

1 comment on commit 259e588

@vercel
Copy link

@vercel vercel bot commented on 259e588 Oct 19, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

Please sign in to comment.