Updated footer and README

Author: luloxi

README.md

@@ -1,62 +1,66 @@
-E-commerce dApp to sell products without intermediaries 💰, while engaging with the community 🫂.
+E-commerce dApp to sell products without intermediaries 💰
 
 # 🛍️ Features
 
-- 🤹‍♂️ **Articles media**: Articles can have text, image, audio, video and links
 - 💰 **Multiple payment methods**: Pay with native gas (ETH) or with USDC.
 - 📈 **Revenue dashboard**: Track and analyze your revenue and spending
+- 🤹‍♂️ **Articles media**: Articles can have text, image, audio, video and links
 - 🔔 **Notifications**: Receive alerts on activity
 - 💌 **Messaging**: Private messaging to communicate between seller and buyer
 - 🎨 **Profile customization**: Users can customize their profile
 - 📱 **Web 2.5 login**: Social login options with Web2 platforms (Google, Twitter, etc.)
-- 🌐 **Multi-chain support**: Interact with the platform on multiple chains
 - 🎧 **Accessibility support**: ARIA compliant for screen readers and other assistive technologies
 
 # 🛍️ Roadmap
 
 ## 🐣 Phase 1 (MVP)
 
-- ✅ **Create BasedArticles contract**
-- ✅ **Create BasedProfile contract to register users info**
+- ✅ **BasedArticles contract:** To register articles info
+- ✅ **BasedProfile contract:** To register users bio and email
+- ✅ **BasedShop contract:** To manage products and sales
 - ✅ **Article creation tool**
 - ✅ **User profile page**
-
-## 👥 Phase 2 (Social Activity and Indexing)
-
-- ✅ **BasedSociety contract:** Social interactions
-- ✅ **Search**: By address or username
 - ✅ Enable options for sharing on other platforms
-- Enable following users, liking, commenting and sharing articles on frontend
-- **Notification system**
+- ✅ Enable bookmarking articles
+- ✅ **Search**: By address, ENS or basename
+- ✅ **Integrate OnchainKit** (Reference: [OnchainKit](https://onchainkit.xyz/)
 - **Individual article viewer**
-- **Integrate The Graph to index activity** and save RPC calls (Reference: [Bootstrap a Full Stack Modern dapp using the Scaffold-ETH CLI and Subgraph Extension](https://siddhantk08.hashnode.dev/bootstrap-a-full-stack-modern-dapp-using-the-scaffold-eth-cli-and-subgraph-extension) | [The Graph tool for creating a subgraph](https://thegraph.com/docs/en/developing/creating-a-subgraph/))
 
-## 💰 Phase 3 (Shop features)
+## 💰 Phase 2 (Shop features)
 
-- **Stablecoin payment methods:** Pay with native gas or with `$USDC`. (Reference: [Easy2Pay](https://github.com/luloxi/Easy2Pay))
-- **Categories**: Allow users to categorize their articles, filter by category and search by category
-- **Direct messages:** Allow users to send private messages to each other
+- **Escrow system**: Hold funds until the buyer confirms the purchase
 - **Dashboard Insights**: Track and analyze revenue
-- **Revenue Model**: BasedShop collects fees from purchases
+- **Stablecoin payment methods:** Pay with native gas or with `$USDC`. (Reference: [Easy2Pay](https://github.com/luloxi/Easy2Pay))
+- **Categories**: Categorize articles, filter by category and search by category
 
-## ✍️ Phase 4 (Gasless activity)
+## 📈 Phase 3 (Indexing and notifications)
 
-- **Signatures:** Interact with the platform without paying gas fees
-- **Database:** To store and retrieve EIP 712 signatures (Reference: [SE-2 firebase-auth-extension](https://github.com/ByteAtATime/firebase-auth-extension))
+- **Integrate The Graph to index activity** and save RPC calls (Reference: [Bootstrap a Full Stack Modern dapp using the Scaffold-ETH CLI and Subgraph Extension](https://siddhantk08.hashnode.dev/bootstrap-a-full-stack-modern-dapp-using-the-scaffold-eth-cli-and-subgraph-extension) | [The Graph tool for creating a subgraph](https://thegraph.com/docs/en/developing/creating-a-subgraph/))
+- **Notification system**: Receive alerts on activity
+- **Search by article name**
 
-## 💬 Phase 5 (Social enhancement)
+## 💬 Phase 4 (Social enhancement)
 
 - Enable audio, video and links on articles
+- Enable following users and commenting on products (rating with stars)
 - **Customization**: Allow users to customize their profile appearance
 
-## 👨‍🦽 Phase 6 (Ease of use)
+## 💌 Phase 5 (Communication)
+
+- **Direct messages:** Allow users to send private messages to each other
+
+## ✍️ Phase 6 (Gasless activity)
+
+- **Signatures:** Interact with the platform without paying gas fees
+- **Database:** To store and retrieve EIP 712 signatures (Reference: [SE-2 firebase-auth-extension](https://github.com/ByteAtATime/firebase-auth-extension))
+
+## 👨‍🦽 Phase 7 (Ease of use)
 
+- **Web 2.5 social login:** Sign up and log in with Google, Twitter, Instagram, etc
 - **Account abstraction**: Interact with the platform without having to sign every interaction.
-- **Built-in wallet manager**: Built-in simple wallet for sending supported tokens and receiving funds, generating and scanning QR, buying gas, etc (Reference: [PunkWallet](https://app.buidlguidl.com/build/mTKhXMLEOCQEgPgG57R9)
 - **Accesibility support**: For the hearing and visually impaired, the app should be ARIA compliant to support screen readers and other assistive technologies (Reference: [ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA))
-- **Web 2.5 social login:** Sign up and log in with Google, Twitter, Instagram, etc
 - **Multi-language support**: Switch between languages
-- **Educational Content**: Include onboarding tutorials and step-by-step guides to help users understand NFTs and Web3 concepts
+- **Educational Content**: Include step-by-step guides and tutorials
 
 # 🛍️ Development
 

packages/nextjs/components/Footer.tsx

@@ -90,9 +90,12 @@ export const Footer = () => {
         </div>
       </div>
       <footer className="sticky lg:hidden bottom-0 w-full bg-base-100 px-4 py-2 flex justify-around items-center">
-        <Link href="/not-found" passHref>
-          <ShoppingCartIcon
-            className={`h-6 w-6 text-red-600 ${pathname === "/cart" ? "text-blue-600" : "hover:text-blue-600"}`}
+        <Link href="/" passHref>
+          <HomeIcon className={`h-6 w-6 ${pathname === "/" ? "text-blue-600" : "hover:text-blue-600"}`} />
+        </Link>
+        <Link href="/search" passHref>
+          <MagnifyingGlassIcon
+            className={`h-6 w-6 ${pathname === "/search" ? "text-blue-600" : "hover:text-blue-600"}`}
           />
         </Link>
 
@@ -105,20 +108,8 @@ export const Footer = () => {
         </Link>
 
         <Link href="/not-found" passHref>
-          <PlusIcon
-            className={`h-6 w-6 text-red-600 ${
-              pathname === "/notifications" ? "text-blue-600" : "hover:text-blue-600"
-            }`}
-          />
-        </Link>
-
-        <Link href="/" passHref>
-          <HomeIcon className={`h-6 w-6 ${pathname === "/" ? "text-blue-600" : "hover:text-blue-600"}`} />
-        </Link>
-
-        <Link href="/search" passHref>
-          <MagnifyingGlassIcon
-            className={`h-6 w-6 ${pathname === "/search" ? "text-blue-600" : "hover:text-blue-600"}`}
+          <ShoppingCartIcon
+            className={`h-6 w-6 text-red-600 ${pathname === "/cart" ? "text-blue-600" : "hover:text-blue-600"}`}
           />
         </Link>
       </footer>