Atik Patel

  • Design
  • Intuitive
  • Reactive
  • Collaborative
  • Responsive
  • Agile
  • Html
  • css
  • Javascript
  • Git
  • Ui
  • UX

Portfolio

Portfolio

Portfolio

Portfolio

Portfolio

Portfolio

Portfolio

Portfolio

Atik Patel
  • portfolio item
    Stock Trader
  • Stock Trader App

    A fast-paced, simulated trading platform designed to bring the excitement of the stock market to life! Built for users to experience real-time decision-making with live data, secure accounts, and a slick, responsive interface.

    Features


    • Live stock prices streaming straight into the dashboard (WebSocket magic)
    • Buy and sell stocks with virtual funds and track your trading journey
    • Secure user accounts with Firebase Auth and Firestore — every trade and balance safely stored
    • Personal watchlist to keep an eye on favourite companies
    • Instant notifications for every success or slip-up
    • Interactive charts and performance summaries to visualise progress
    • Responsive, mobile-friendly design for traders on the move
    • Smooth modals for seamless buying and selling flow
    • User-supplied API keys — making it a sandbox for personal experimentation with real-world data
    • Profit & loss tracking and simulate sale previews — see your gains (or losses) before you commit
    • Top gainers & losers ticker under the navbar for quick market snapshots
    • Accolades & achievements system to reward smart trading moves
    • Login streak rewards to grow your funds just by showing up
    • Pagination in transactions for clean browsing history
    • Inline password reset for hassle-free account recovery
    • Educational onboarding & FAQ to support beginner traders

    Experience and Achievements


    • Full-stack development using React, Express.js, and Firebase for secure user authentication and data storage
    • Secure API handling via backend proxy routes to protect user-supplied API keys (Alpha Vantage, Finnhub, FMP)
    • WebSocket integration for real-time price updates and smooth user experience
    • Firebase Authentication and Firestore for safe user account management and data storage
    • Tested and validated user API keys on signup for added data security and reliability
    • Backend environment variables and secure deployment on Render and Netlify
    • Created custom modals for buying, selling, and password reset for an intuitive UX
    • Engineered achievements and login streak rewards system to boost user engagement
    • Designed and implemented simulate sale preview to show potential profit/loss before trades
    • Top gainers & losers ticker, updated daily and cached in Firestore to reduce API calls
    • Pagination in transactions for better performance and cleaner data presentation
    • Toast notifications and clear form validation to improve user feedback loops
    • Mobile-first, responsive design with Tailwind CSS and Framer Motion animations
    • Version control and collaboration via GitHub with public frontend and backend repositories
    • Comprehensive onboarding experience and FAQs to guide new users through the platform

    Future Features


    • Deeper portfolio insights and advanced trade analytics

    • StopLoss and withdraw functionality

    • Extended analytics and GDPR-compliant insights for smart data use

  • portfolio item
    E-Commerce
  • E-Commerce Site

    E-Commerce Site created from figma mockups provided by Coders in Hoods Bootcamp

    Features


    • Products Page which can be filtered
    • Product Details page
    • Update basket on Add

    Experience and Achievements


    • Creating Search bar to find specific products
    • Create Filters to show wanted products
    • products stored and remembered using Local Storage

    Future Features


    • Mobile Responsive

    • Additional Filter Capabilities

  • portfolio item
    Weather App
  • Weather App

    A weather app showcasing the ability to communicate with APIs and display infomation attained with beautiful images.

    Features


    • Shows temperature, humidity, weather icon and icon description
    • Background changes according to weather icon code received from API
    • Uses Geolocation to give users weather information where they are

    Experience and Achievements


    • Communication with API via AJAX
    • Use of JQuery and JSON
    • Reading API Documentation and using the data for Requests
    • Styling Modals/Dialoge box

    Future Features


    • Additional information from API
    • Weather map of location entered
    • Longer forecast(Eg: 14 Days)
  • portfolio item
    Twitter Clone
  • Twitter Clone

    A Clone of twitter created whilst on a Bootcamp showing how to follow basic instruction and applying recently gained knowledge.

    Features


    • login form acceptence from local JSON db
    • comments and likes stored on local storage
    • Tweets updated and sent to users db entry

    Experience and Achievements


    • Completing a project from a figma representation
    • Competency increased with database communication
    • Working with VIEWS
    • Styling with SCSS

    Future Features


    • Cloudbased Database
    • User Authentication
  • portfolio item
    Snooker Calculator
  • Snooker Calculator

    This is a very simple snooker score calculator that uses javascript to show a running total of all balls potted and the ability to clear a score after each game.

    Features


    • Three simple javascript functions to add, increment and reset the scores.
    • Additional function added for single player mode which limits the amount of red balls clickable

    Experience and Achievements


    • Creating CSS classes and ids from scratch
    • Creating and using JavaScript functions from scratch without using prewritten JS libraries

    Future Features


    • MultiPlayer Mode
    • Additional functions to allow for more stingent rules
    • different themes

TimeLine

TimeLine

TimeLine

TimeLine

TimeLine

TimeLine

TimeLine

TimeLine

Scroll>
santander logo

Santander

Click

2010-2013

  • Personal banker promotion from Cashier position within 5 months
  • Managing customer queries, processing applications and transfer of funds
  • Ensuring all compliance requirements were met
  • Responsible for generating sales opportunities through the provision of advice and information on the suite of products
  • Managing referrals to mortgage/investment advisers and ensuring customer fulfilment.
  • Working alongside cashiers to train them into pre-vetting customers and how to inform customers about different services the bank provides
santander logo

RangOnline

2013-2016

  • Set up a global online sales business specialising in Indian traditional fashion.
  • Identified key gaps in the market and marketed the product via different social networks
  • Self-taught HTML and CSS to empower me to make dynamic changes to the sales experience.
  • Used PHPmyadmin and MySQL to manage databases
  • Regulated the business according to legal guidelines and requirements.
  • Self taught photography/editing using Pixelmator and Adobe Photoshop to perfect website image and product perception.
santander logo

Just It

2016

  • Consecutive Study Online and classroom lecturing
  • Development Professional Programme (DPP) A self funded course covering the skills required to ensure success in web development.
santander logo

Self Employed Network

2017-2018

  • Sole Developer working directly under the MD creating web solutions for the company's requirements.
  • The company offered the self employed an opportunity to gain access to the discounts and benefits that employees of larger organisations get with external suppliers of such products. My role was to gain access to those links and services from multiple providers and display the information provided in a readable and aesthetically pleasing manner as well as build out a subscription based product using multiple technologies.
santander logo

Coders In Hoods

2021

  • 20 week coding Bootcamp
  • split into 5 stages with mini projects
  • Mern TechStack
  • HTML, CSS and PreProcessors, javascript, TypeScript, NodeJS and React
  • OOP, Testing with JEST, RESTful API communication and Databases
santander logo

Pandora Car Alarms

2022-2023

  • Sole web developer and Sales/marketing personnel.
  • The role involved editing and managing the company's website according to the requirements and needs of the products and marketing campaigns.
  • Alongside the web aspect, I was able to utilise my strong sales background to create customer relationships and build upon existing relationships by way of marketing and after-sales aid.

Contact

Contact

Contact

Contact

Contact

Contact

Contact

Contact