Abhay Prajapati
Posted on March 27, 2022
By the way, I am a frontend developer๐ง๐ฟโ๐ป, I always love to use APIs and work with them.
but the project that I was wanted to build API is like Apple's ๐ Store,
and this gave me the will to build an API and release it,
A few weeks ago I completed working with my Clone Of Twitter Project
, where I had used **Firebase **as a database,
but now I wanted to push myself and use **MongoDB **as a database.
After thinking a while I start with the project's building
Open source Apple Store API.
using Next.js API Routes
it has become very easy to manage the backend.
I make simple routing and pages so if the comes to this page will be provided with other these data.
BaseUrl
: https://oas.vercel.app/api
/all
it provides all the data from the database, from all the categories without filteration. ๐
/category/:category
baseurl
/category/iphone
here you can add category for your output. and result will be from that category only.
example: +/category/watch
+/category/iphone
+/category/macbook
+/category/airpods
+/category/ipad
/series/:series
baseurl
/series/MacBook Air
๐งโ๐ปevery product has series name such as iPhone 13 has series name such as iPhone 13, under iPhone 13 two products come iPhone 13 & iPhone 13 mini.They are
case sentitive
๐ so iphone_13, iPhone_13 won't work โ,
correct way /series/iPhone 13 โ
without%20
/:_Id
baseurl
/6228d7ac2e00fb1164b2df27
for getting results realted to single product the /:_Id is used.
example: /6228d7ac2e00fb1164b2df27,
these are id sentitivefetch
with their respective id's.๐
{
"data": {
"_id": "6228d7ac2e00fb1164b2df27",
"product_name": "MacBook Pro",
"product_price": {
"IN": 109000,
"US": 999,
"GBP": 899
},
"product_description": "Id culpa aliquip ipsum excepteur sunt incididunt laboris magna incididunt nostrud.",
}
}
This is how I worked ๐ช๐พon routing/ and requests.
use this project and let me how was it, I'll your projects' in the featured section.
Share ๐ค๐พ you ideas thought's regarding this I try to implement that.
Connect with on
Twitter : @AbhayPrajapati_
Github : @theabhayprajapati
๐๐พ
Posted on March 27, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.