Skip to content

Commit 4708e55

Browse files
msg-1msg-1
committed
playo
1 parent 4f4fd5e commit 4708e55

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

73 files changed

+16371
-1
lines changed

‎.gitattributes

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# Auto detect text files and perform LF normalization
2+
* text=auto

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎.vscode/settings.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5502
3+
}

‎README.md

Lines changed: 118 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,118 @@
1-
# playo-project
1+
# plyo
2+
# **Project Playo.co**
3+
4+
## A sports community website cloning project by **Team Eureka**
5+
6+
A one week project for cloning the playo.co website powred by node.js.
7+
8+
##Features
9+
Debouncing search feature
10+
Real-time news fetching with Api and search news feature.
11+
Real-time random quote generator with bodybuilding quotes Api (source- Rapid API)
12+
Log in on any page and ability to update all the user details and ability to view orders made by the user in the profile section.
13+
Email feature with nodemailer
14+
Get user feedback from the contact us page by using form spree.
15+
Filter functionality In the product page.
16+
Integrated Razorpay payment gateway.
17+
Chat on whats app feature
18+
Admin dashboard with the ability to add data and view user details, order, payment details, etc.
19+
20+
21+
## Guide for work with this code
22+
- Please ensure that you have install node js in your system
23+
- After getting all the code in VS Code please open your terminal and run the code in node as **node server.js**
24+
- If still it not work **try to check your local browser port number and put that number inside port (server.js)**
25+
26+
## Contributors
27+
28+
- Bishal Samanta [@bishal-Samanta](https://github.com/bishal-Samanta/)
29+
- Shivangi Mall as [@smdp365](https://github.com/smdp365)
30+
- Abhijeet Dharme as [@abhidharme](https://github.com/abhidharme)
31+
- Abhishek Vasant Satpute as [@abhisheksatpute369](https://github.com/abhisheksatpute369)
32+
- K Mahesh Shiva Goud as [@msg-1](https://github.com/msg-1)
33+
- Rahul Hooda as [@Babaji0007](https://github.com/Babaji0007)
34+
35+
## Roles
36+
- Mahesh - Implemented server-side and link with activities page, build the admin page layout, build a basic structure of activities page, Filter Function , Payment Gateway Integration, Login Functionalities, Media Queries
37+
- Bishal - Blog page with news Api work , Dtabase creating , Book venues page, Venue details page.
38+
- Shivangi - Home page, Single venue page, signup login popup, faq pages, linking website design fixing, Media Queries
39+
- Abhisekh - Footer page , cart page , design part of activities section , need help, Fixing Design of other pages
40+
41+
- Abhijeet - Login profile page , feedback page , booking page, formspree.
42+
- Rahul- Activities landing page, blogs.
43+
44+
## Solution Approach
45+
46+
### Waterfall Model
47+
48+
- Requirements
49+
50+
- Design
51+
52+
- Implementation
53+
54+
- Verification
55+
56+
- Maintenance
57+
58+
## 🛠 Tech Stack
59+
60+
**Tech stack:** Html
61+
CSS
62+
Javascript
63+
Node.js
64+
Mongo DB
65+
Express.js
66+
Mongoose
67+
Heroku Web server
68+
NPM
69+
APIs
70+
71+
**Server:** Json Server (Npm)
72+
73+
**Apis:**
74+
- News Apis(Blog Page)
75+
- Quote generator api (Blog page)
76+
77+
78+
**Others:** Local Storage, Google Map Embeded link
79+
80+
## Challanges we faced
81+
82+
- Merging each other code on Github
83+
84+
- Read others code and make changes to it
85+
86+
- Exact pixel-perfect cloning of the website
87+
88+
- Edge case problem solving
89+
90+
## Website flow for **_User_**
91+
92+
- Home page (index.html)
93+
94+
- Book Venues (To book any venues)
95+
96+
- Activities section (Search any activities/ events in locations)
97+
98+
- Blog Section (Search blogs and news)
99+
100+
- Contact us (Reach out to us)
101+
102+
103+
## 🛠 **Administrator Section**
104+
105+
- Add product page (Add products for admin in activities data base)
106+
107+
108+
109+
## Hard Coded details for OTP Section
110+
111+
- Please give 10 digit mobile number in login/signup pop up.
112+
- OTP - 123456
113+
114+
115+
116+
## Thank you note
117+
118+
Thank you all who is giving precious time to visit our little creative project which is made with lot of efforts.

‎about.html

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>About us</title>
8+
<link rel="stylesheet" href="styles/footer.css">
9+
<link rel="stylesheet" href="styles/about.css">
10+
<link rel="stylesheet" href="styles/navbarblack.css">
11+
<style>
12+
13+
</style>
14+
</head>
15+
<body>
16+
<div id="mynavbar"></div>
17+
<!-- these div for about us block -->
18+
<div id="about_block">
19+
<div id="aboutus">
20+
<p id="abt">ABOUT US</p>
21+
</div>
22+
<div id="aboutus_sub">
23+
<p id="abt_sub">Playo is the leading One-Stop Sports App to help bring back Play in everyday lives. We empower <br>
24+
local communities to make new playpals, organize playgroups, share information/experiences<br>
25+
and discover sporting venues/activities. So, no more excuses now...don your sneakers and be a <br>
26+
Playoholic!
27+
</p>
28+
</div>
29+
</div>
30+
31+
<!-- these div for ourstory block -->
32+
<div id="ourstory">
33+
<!-- these div for left side stuff -->
34+
<div id="leftourstory">
35+
<div id="upperimage">
36+
<p id="ourstorytitle">OUR STORY</p>
37+
<img src="https://playo-website.gumlet.net/company/images/about-us-04.svg">
38+
<img src="https://playo-website.gumlet.net/company/images/ourstory-image-bg.png">
39+
</div>
40+
<div id="lowertext">
41+
<p class="ourstorytext">
42+
This fairytale, like all fairytales, started with a few dudes in distress. One was lamenting his dear departed tennis partner,<br>
43+
the second grieving for the badminton racquet left behind, the third desolate after another football weekend that never<br>
44+
happened, the fourth broke and gymless from another membership waylaid, and the fifth just #bored to death. Alas, unlike<br>
45+
in other fairytales, no fair damsel came to their rescue and they wallowed for a while in their sorrow. And so they finally<br>
46+
did what all forsaken souls do...start building their very own Neverland, a place for all restless adrenaline junkies like<br>
47+
themselves...and thus a thought, nay a belief called Playo was sown.
48+
</p>
49+
</div>
50+
</div>
51+
<!-- these div for right side image only -->
52+
<div id="rightourstory">
53+
<img src="https://playo-website.gumlet.net/company/images/story1.png?auto=compress,format" width="100%" height="100%">
54+
</div>
55+
</div>
56+
57+
<!-- these div for our story second image wala div -->
58+
<div id="ourstorysecond">
59+
<div id="oursecondimg">
60+
<img src="https://playo-website.gumlet.net/company/images/story2.png?auto=compress,format" width="70%" height="100%">
61+
</div>
62+
<div class="oursecondtext">
63+
<p class="ourstorytext">
64+
A belief to create a playground where you can fit-in with other fellow misfits, where access is not limited by narrow<br>
65+
memberships walls. A belief that you can play when you want...where you want...how you want, and not have to suffer the<br>
66+
agony of wait. A belief to create a world where you can lose yourself and yet rediscover yourself, where you can be both the victor and the vanquished and laugh at being both.<br>
67+
A belief...that happiness is a dish best served on the field.
68+
</p>
69+
</div>
70+
</div>
71+
72+
<!-- these div for remaining text of ourstory -->
73+
<div id="ourstorylast">
74+
<p class="ourstorytext">
75+
We warmly welcome you to Playo, your singular destination for sports, fitness, fun and all things recreational. Come, relive those cherished childhood moments when you <br>
76+
high fives or wept as one for a loss. Time to get your lovable varsity jersey out and give your neighbour a shout or go challenge your colleague...better still make a new.<br>
77+
Addicted to Play...and create your own happily ever after!
78+
</p>
79+
</div>
80+
81+
<!-- these div for footer -->
82+
<div id="footer"></div>
83+
</body>
84+
</html>
85+
86+
<script type="module">
87+
let foot= document.getElementById("footer");
88+
89+
import footer from "./components/footer.js";
90+
91+
foot.innerHTML= footer();
92+
93+
94+
let headr= document.getElementById("mynavbar");
95+
import navbar from "./components/navbarblack.js";
96+
headr.innerHTML= navbar();
97+
</script>

0 commit comments

Comments
 (0)